/** * Swiper 4.2.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 1, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /* stylelint-disable at-rule-no-unknown */ html, body { width: 100%; height: 100%; } input::-ms-clear, input::-ms-reveal { display: none; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-variant: tabular-nums; line-height: 1.5; background-color: #fff; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; } [tabindex='-1']:focus { outline: none !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 500; } p { margin-top: 0; margin-bottom: 1em; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; border-bottom: 0; cursor: help; } address { margin-bottom: 1em; font-style: normal; line-height: inherit; } input[type='text'], input[type='password'], input[type='number'], textarea { -webkit-appearance: none; } ol, ul, dl { margin-top: 0; margin-bottom: 1em; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 500; } dd { margin-bottom: 0.5em; margin-left: 0; } blockquote { margin: 0 0 1em; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #1890ff; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-text-decoration-skip: objects; } a:hover { color: #40a9ff; } a:active { color: #096dd9; } a:active, a:hover { text-decoration: none; outline: 0; } a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; pointer-events: none; } pre, code, kbd, samp { font-size: 1em; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; } pre { margin-top: 0; margin-bottom: 1em; overflow: auto; } figure { margin: 0 0 1em; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } a, area, button, [role='button'], input:not([type='range']), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75em; padding-bottom: 0.3em; color: rgba(0, 0, 0, 0.45); text-align: left; caption-side: bottom; } th { text-align: inherit; } input, button, select, optgroup, textarea { margin: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none; } input[type='radio'], input[type='checkbox'] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; margin-bottom: 0.5em; padding: 0; color: inherit; font-size: 1.5em; line-height: inherit; white-space: normal; } progress { vertical-align: baseline; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } mark { padding: 0.2em; background-color: #feffe6; } ::-moz-selection { color: #fff; background: #1890ff; } ::selection { color: #fff; background: #1890ff; } .clearfix { zoom: 1; } .clearfix::before, .clearfix::after { display: table; content: ''; } .clearfix::after { clear: both; } .anticon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .anticon > * { line-height: 1; } .anticon svg { display: inline-block; } .anticon::before { display: none; } .anticon .anticon-icon { display: block; } .anticon[tabindex] { cursor: pointer; } .anticon-spin::before { display: inline-block; -webkit-animation: loadingCircle 1s infinite linear; animation: loadingCircle 1s infinite linear; } .anticon-spin { 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: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveDownIn { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveDownOut { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveDownOut { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveLeftIn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveLeftIn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveLeftOut { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveLeftOut { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveRightIn { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveRightIn { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveRightOut { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveRightOut { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes antMoveUpIn { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @keyframes antMoveUpIn { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } } @-webkit-keyframes antMoveUpOut { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @keyframes antMoveUpOut { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1; } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; } } @-webkit-keyframes loadingCircle { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loadingCircle { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } [ant-click-animating='true'], [ant-click-animating-without-extra-node='true'] { position: relative; } html { --antd-wave-shadow-color: #1890ff; } [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; -webkit-box-shadow: 0 0 0 0 #1890ff; box-shadow: 0 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: 0.2; -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; content: ''; pointer-events: none; } @-webkit-keyframes waveEffect { 100% { -webkit-box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @keyframes waveEffect { 100% { -webkit-box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @-webkit-keyframes fadeEffect { 100% { opacity: 0; } } @keyframes fadeEffect { 100% { opacity: 0; } } .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% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideUpIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes antSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @-webkit-keyframes antSlideDownIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @keyframes antSlideDownIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @-webkit-keyframes antSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } @keyframes antSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } @-webkit-keyframes antSlideLeftIn { 0% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideLeftIn { 0% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes antSlideLeftOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideLeftOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @-webkit-keyframes antSlideRightIn { 0% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 0; } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } } @keyframes antSlideRightIn { 0% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 0; } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } } @-webkit-keyframes antSlideRightOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } 100% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 0; } } @keyframes antSlideRightOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } 100% { -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 0; } } .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); 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); } .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); 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); } .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); 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); } .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); 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); } .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); 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); } .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); 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); } .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); 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); } .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% { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes antZoomIn { 0% { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes antZoomOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; } } @keyframes antZoomOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; } } @-webkit-keyframes antZoomBigIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes antZoomBigIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes antZoomBigOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } } @keyframes antZoomBigOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } } @-webkit-keyframes antZoomUpIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } } @keyframes antZoomUpIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } } @-webkit-keyframes antZoomUpOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } } @keyframes antZoomUpOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } } @-webkit-keyframes antZoomLeftIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } } @keyframes antZoomLeftIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } } @-webkit-keyframes antZoomLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 0; } } @keyframes antZoomLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 0; } } @-webkit-keyframes antZoomRightIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } } @keyframes antZoomRightIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } } @-webkit-keyframes antZoomRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } } @keyframes antZoomRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } } @-webkit-keyframes antZoomDownIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } } @keyframes antZoomDownIn { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } } @-webkit-keyframes antZoomDownOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } } @keyframes antZoomDownOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } } .ant-motion-collapse-legacy { overflow: hidden; } .ant-motion-collapse-legacy-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; 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; } .ant-motion-collapse { overflow: hidden; -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; 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; } /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } body * { box-sizing: border-box; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8+, and Opera * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } h1, h2, h3, h4, h5, h6, p { margin: 0; } ::placeholder { color: #949ea6; } .common-navbar-container { width: 100%; background-color: #fff; } .common-navbar { display: flex; height: 80px; align-items: center; width: 100%; max-width: 1168px; margin: 0 auto; -webkit-font-smoothing: antialiased; } .common-navbar.common-navbar--compact-mode { justify-content: flex-start; } .common-navbar.common-navbar--compact-mode .navbar-logo { margin-right: 0; } .common-navbar .navbar-logo { margin-right: 40px; } .common-navbar nav { display: flex; justify-content: space-between; flex: 1; } .common-navbar nav .ant-btn-primary { background: #468bdf; margin-left: 28px; border-radius: 8px; height: 35px; } .common-navbar nav .ant-btn-primary span { line-height: 32px; } .common-navbar nav .ant-btn-primary:hover { background: #3f7ac2; } .common-navbar nav .ant-btn-primary:active { opacity: 0.15; } .common-navbar nav a.navbar-link, .common-navbar nav a.ant-dropdown-link { display: inline-block; padding: 16px 28px; font-size: 14px; font-weight: normal; text-decoration: none; cursor: pointer; } .common-navbar nav a.ant-dropdown-link { align-items: center; display: flex; padding: 8px 16px; margin: 8px 12px; font-weight: normal; color: #777a8c; } .common-navbar nav a.ant-dropdown-link:hover { background: rgba(25, 28, 30, 0.1); border-radius: 8px; color: #191c1e; font-weight: normal !important; } .common-navbar nav a.ant-dropdown-link img { margin-left: 2px; } #space.scrolled { position: relative; height: 2px; width: 100%; overflow: auto; transition: background-size 0.2s; background: radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)); background: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)); background-repeat: no-repeat; background-size: 100% 2px; } .navbar-placeholder { height: 160px; } .common-navbar nav a.navbar-link.download { font-weight: normal; background: #098de6; color: white; padding: 0.5rem 1rem; border-radius: 1.5rem; } .navbar-mobile-container { z-index: 999; display: none; position: fixed; top: 0; width: 100%; background-color: #fff; } .navbar-mobile-container .navbar-mobile { display: flex; z-index: 999; justify-content: space-between; padding: 0 16px; height: 80px; align-items: center; border-bottom: 1px solid #f2f4f5; } .navbar-mobile-container .navbar-mobile-menu { position: absolute; top: 80px; width: 100%; height: 100%; padding: 1em; opacity: 0; pointer-events: none; transform: translateY(0) scale(0.95); transform-origin: 50% 0; visibility: hidden; transition: opacity 0.25s, transform 0.25s, visibility 0.25s, -webkit-transform 0.25s; background-color: rgba(255, 255, 255, 0.98); } .navbar-mobile-container .navbar-mobile-menu .navbar-mobile-menu-item { border-bottom: 1px solid #f2f4f5; margin-bottom: 1em; } .navbar-mobile-container .navbar-mobile-menu .navbar-link { display: block; height: 2em; line-height: 2em; margin-bottom: 1em; font-size: 20px; font-weight: 300; color: #304859; text-decoration: none; cursor: pointer; } .navbar-mobile-container .navbar-mobile-menu .navbar-link:hover { opacity: 0.8; } .navbar-mobile-container .navbar-mobile-menu .navbar-link.download { font-weight: normal; background: #098de6; color: white; border-radius: 1.5rem; text-align: center; font-size: 17px; line-height: 42px; height: 42px; } @media (max-width: 1168px) { .mobile-language-popover-modal { width: 100vw; height: calc(100vh - 80px); background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 80px; z-index: 1000; } .mobile-language-popover-modal .content { background: white; } .mobile-language-popover-modal .content p { font-weight: 600; font-size: 13px; line-height: 18px; color: #777a8c; border-bottom: 1px solid #e1e6ea; padding: 0 15px 0 30px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .common-navbar-container .common-navbar { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; padding: 0 15px; } .common-navbar-container .common-navbar .navbar-logo { margin-right: 0; } .common-navbar-container .common-navbar #mobile-download { margin-left: 0; } .common-navbar-container .common-navbar .ant-btn-primary { background: #468bdf; margin-left: 28px; border-radius: 8px; height: 35px; } .common-navbar-container .common-navbar .ant-btn-primary span { line-height: 32px; } .common-navbar-container .common-navbar .ant-btn-primary:hover { background: #3f7ac2; } .common-navbar-container .common-navbar .ant-btn-primary:active { opacity: 0.15; } .common-navbar-container .language-switcher { display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; } .common-navbar-container .language-switcher .current-language { margin: 0 5px; } .common-navbar-container .mobile-menu { height: calc(100vh - 80px); overflow-y: scroll; padding-bottom: 45px; overflow-x: hidden; background: white; opacity: 1; } .common-navbar-container .mobile-menu .button-groups { padding: 0 25px; } .common-navbar-container .mobile-menu .button-groups .ant-btn { height: 56px; border-radius: 8px; background: #468bdf; margin-bottom: 15px; } .common-navbar-container .mobile-menu .button-groups .ant-btn span { line-height: 56px; font-size: 17px; } .common-navbar-container .mobile-menu .button-groups .light-btn { background: rgba(70, 139, 223, 0.1); border: 0; color: #468bdf; } .common-navbar-container .mobile-menu ul.ant-menu { margin-top: 15px; border-top: 1px solid #e1e6ea; width: 100% !important; border-right: 0; } .common-navbar-container .mobile-menu ul.ant-menu > li.ant-menu-submenu { border-bottom: 1px solid #e1e6ea; } .common-navbar-container .mobile-menu ul.ant-menu > li.ant-menu-submenu .ant-menu { margin-top: 0; } .common-navbar-container .mobile-menu ul.ant-menu > li.ant-menu-submenu > .ant-menu-submenu-title { height: 55px; line-height: 55px; } .common-navbar-container .mobile-menu ul.ant-menu > li.ant-menu-submenu > .ant-menu-submenu-title span { font-weight: 600; font-size: 14px; line-height: 19px; color: #43454f; } .common-navbar-container .mobile-menu .subscribe-item { padding: 0 20px; margin-top: 15px; margin-bottom: 150px; } .common-navbar-container .mobile-menu .subscribe-item span { font-size: 14px; line-height: 16px; color: #c4c9d9; margin-top: 10px; display: block; padding-left: 15px; } } .popover-social { margin-bottom: 0; } .language-popover { padding: 0; } .language-popover p { padding: 0 10px; font-size: 13px; line-height: 30px; color: #344857; cursor: pointer; } .language-popover p:hover { background: #F2F4F5; border-radius: 4px; } .common-footer { width: 100%; max-width: 1168px; padding: 54px 0 0; margin: 0 auto; -webkit-font-smoothing: antialiased; } .common-footer p { margin-bottom: 0; } .common-footer .contact-mail { font-size: 13px; font-weight: 300; text-align: left; color: #344857; } .common-footer .contact-mail .mail { color: #098de6; } .common-footer .nav-links { display: flex; flex-flow: column nowrap; justify-content: space-between; } .common-footer .nav-links .links-wrap { width: 100%; display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: space-between; } .common-footer .nav-links .links-wrap > div { flex: 1; margin-bottom: 20px; } .common-footer .nav-links .links-item { display: flex; flex-direction: column; max-width: 300px; } .common-footer .nav-links .links-item .links-item-title { font-size: 14px; font-weight: 600; color: #63727d; margin: 10px 0; } .common-footer .nav-links .links-item a, .common-footer .nav-links .links-item span { font-size: 14px; font-weight: normal; text-align: left; color: #777A8C; margin-bottom: 8px; } .common-footer .nav-links .links-item a { cursor: pointer; text-decoration: none; } .common-footer .nav-links .links-item a:hover { color: #191C1E; } .common-footer .disclaimer { font-size: 13px; color: #777A8C; padding: 24px 0; } .subscribe { position: relative; margin-top: 10px; } .subscribe .subscribe-input { border-radius: 20px; background-color: #f2f4f5; border: none; outline: none; padding: 0 40px 0 20px; height: 40px; width: 300px; font-size: 13px; } .subscribe .subscribe-icon, .subscribe .subscribe-submit { position: absolute; right: 10px; top: 8px; cursor: pointer; } .subscribe .subscribe-submit { width: 24px; height: 24px; opacity: 0; z-index: 10; } .common-footer .social { width: 300px; display: flex; } .common-footer .social .social-icon { opacity: 0.5; } .common-footer .social .social-icon:hover { opacity: 1; } .common-footer .social .wechat { position: relative; } .common-footer .social .wechat:hover .wechat-qrcode-container { display: block; } .common-footer .social .wechat .wechat-qrcode-container { display: none; position: absolute; left: -50px; margin-left: 12px; } .common-footer .social .wechat .wechat-qrcode-container::before { content: ""; position: absolute; bottom: 40px; width: 14px; left: 40px; height: 14px; transform: rotate(45deg); background-color: #fff; border: solid 1px #d5dce0; } .common-footer .social .wechat .wechat-qrcode-container::after { content: ""; position: absolute; bottom: 41px; width: 14px; left: 41px; height: 14px; transform: rotate(45deg); background-color: #fff; } .common-footer .social .wechat .wechat-qrcode-container .wechat-qrcode { position: absolute; bottom: 47px; width: 100px; height: 100px; border: solid 1px #d5dce0; border-radius: 2px; } .common-footer .social .social-icon { margin-right: 24px; } .common-footer .nav-info { display: flex; justify-content: space-between; align-items: center; margin-top: 26px; } .common-footer .nav-info .info { display: flex; align-items: center; } .common-footer .nav-info .info .copyright { font-size: 13px; font-weight: normal; color: #777A8C; margin-right: 28px; } .common-footer .nav-info .info a { font-size: 13px; font-weight: normal; text-align: left; color: #777A8C; margin-right: 28px; text-decoration: none; cursor: pointer; } .common-footer .nav-info .info a:hover { color: #191C1E; } .common-footer .nav-info .language { position: relative; display: flex; align-items: center; } .common-footer .nav-info .language .current-language { font-size: 13px; font-weight: normal; text-align: left; color: #777A8C; margin-left: 8px; cursor: pointer; margin-bottom: 0; } .common-footer .nav-info .language .current-language:hover { color: #191C1E; } .common-footer .nav-info .language .trangle { width: 0; height: 0; border-style: solid; border-width: 0 4.5px 5px 4.5px; border-color: transparent transparent #c2c8cc transparent; margin-left: 6px; margin-top: 2px; } .common-footer .media-wrap { width: 100%; justify-content: space-between; } .common-footer .friend-link { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; border-top: 1px solid #F4F6F9; margin-top: 15px; font-weight: normal; } .common-footer .friend-link .friend-title { font-size: 13px; line-height: 15px; color: #C4C9D9; margin-right: 65px; font-weight: normal; } .common-footer .friend-link .friend-links { padding: 20px 0; } .common-footer .friend-link .friend-links a { font-size: 13px; line-height: 15px; color: #777A8C; margin-right: 30px; font-weight: normal; } .common-footer .friend-link .friend-links a:hover { color: #191C1E; } @media (max-width: 1168px) { .subscribe-item { width: 100%; padding: 0; } .subscribe-item .subscribe-input { width: 100% !important; } .common-footer { width: 100%; position: relative; padding: 20px 1rem; border-top: 1px solid #F4F6F9; } .common-footer .friend-link { padding-top: 20px; } .common-footer .friend-link .friend-title { margin-right: 40px; } .common-footer .friend-link .friend-links { padding: 10px 0; } .common-footer .to-top { position: absolute; right: 15px; top: -30px; width: 60px; height: 63px; } .common-footer .nav-links { width: 100%; flex-wrap: wrap; } .common-footer .nav-links .links-wrap { width: 100%; } .common-footer .nav-links .links-wrap .links-item { width: 50%; } .common-footer .nav-links .links-item { width: 50%; max-width: none; padding-right: 1em; } .common-footer .nav-links .links-item .subscribe { margin-top: 2px; } .common-footer .nav-info { flex-direction: column; align-items: flex-start; margin-top: 0; } .common-footer .social { width: 100%; margin-top: 1.8em !important; } } .card-bg { position: absolute; bottom: 384px; width: 100%; z-index: -1; } .card-bg > * { position: absolute; width: 100%; } .card-bg svg { height: 369px; width: 100%; } .card-bg svg path { transition-property: all; transition-duration: 1s; } .card-bg svg stop { transition-property: all; transition-duration: 0.5s; } .card-bg .top path { fill: url(#gradient_top_color); } .card-bg .bottom path { fill: url(#gradient_bottom_color); } html { position: relative; } body { font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, sans-serif; } .more-detail { display: inline-block; align-items: center; font-size: 14px; line-height: 1.39; color: #777a8c; text-align: left; text-decoration: none; transition-property: all; transition-duration: 0.2s; outline: none; white-space: nowrap; } .more-detail:hover:after { transform: translateX(1px); opacity: 1; } .more-detail:after { content: " "; position: relative; display: inline-block; vertical-align: middle; background-repeat: no-repeat; width: 14px; height: 21px; margin-left: 6px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgMTMuNUwxMS4yNSA5TDYuNzUgNC41IiBzdHJva2U9IiM3NzdBOEMiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); opacity: 0.7; transform: translateX(-1px); transition-property: all; transition-duration: 0.2s; } .more-detail-disable { display: inline-block; align-items: center; margin-top: 14px; font-size: 14px; line-height: 1.39; color: #c2c8cc; text-align: left; text-decoration: none; transition-property: all; transition-duration: 0.2s; outline: none; white-space: nowrap; } .not-found-page .navbar-placeholder { background-color: white; } .not-found-page .error-page-text { font-weight: bold; font-size: 17; line-height: 25px; margin-top: 30; } .not-found-page .container { display: flex; align-items: center; justify-content: center; text-align: center; padding: 90px 0 140px; } .not-found-page .container .icon { width: 90px; } .not-found-page .container .title { font-size: 20px; font-weight: normal; color: #11293b; margin-top: 30px; } .not-found-page .container .desc { font-size: 13px; font-weight: normal; color: #63727d; margin-top: 8px; margin-bottom: 10px; } .not-found-page .container .link { font-size: 13px; font-weight: normal; color: #098de6; text-decoration: none; padding: 0 2px; } .partner-logo { opacity: 0.5; transition-property: opacity; transition-duration: 0.25s; } .partner-logo:hover { opacity: 1; } /* 先隐藏beacon的按钮 */ #beacon-container { display: none; } .download-section { display: flex; position: relative; flex-direction: row; align-items: center; } .download-section .ios-link { display: block; padding: 5px; } .download-section .ios-link img { display: block; width: 132px; height: 44px; border-radius: 6px; } .download-section .download-section-wrap { position: relative; z-index: 2; } .download-section .google-link { display: block; padding: 5px; } .download-section .google-link img { display: block; width: 132px; height: 44px; border-radius: 6px; } .download-section .apk-link { display: flex; flex-direction: row; margin-top: 12px; position: absolute; left: 5px; bottom: 5px; width: 132px; height: 44px; line-height: 44px; text-align: center; border-radius: 6px; background: #1C98F7; font-size: 15px; color: #fff; text-decoration: none; z-index: 3; } .download-section .ios-wrapper .apk-link { background: transparent; } .download-section .register-oversea-appid { width: 100%; position: absolute; top: 0; left: 5px; } .download-section .register-oversea-appid a { text-decoration: none; color: #949ea6; font-size: 14px; transition: color 0.3s; } .download-section .register-oversea-appid a:hover { color: #1c2e36; } .download-section-wrap { box-sizing: content-box; padding: 5px; width: 132px; height: 44px; margin-right: 6px; overflow: hidden; } .download-section-wrap .download-section-wrap-inner { position: absolute; left: 0; top: 0; height: 112px; border-radius: 8px; transition: box-shadow 0.3s; } .download-section-wrap .apk-link { opacity: 0; transition: opacity 0.3s; font-family: PingFangSC-Regular, Helvetica, STHeiTi, sans-serif; padding: 0 8px; } .download-section-wrap .apk-link img { margin-right: 6px; } .download-section-wrap .apk-link.tf-link { padding: 0; } .download-section-wrap:hover { overflow: visible; } .download-section-wrap:hover .download-section-wrap-inner { background: #fff; box-shadow: 0 1px 4px 0 #c2c8cc; } .download-section-wrap:hover .apk-link { opacity: 1; } .no-hover.download-section-wrap:hover { overflow: hidden; } .download-section-qrcode { display: block; padding: 10px; border-radius: 6px; box-shadow: 0 1px 4px 0 #c2c8cc; position: relative; z-index: 2; overflow: hidden; } .download-section-qrcode .download-section-qrcode-icon { width: 24px; height: 24px; display: block; } .download-section-qrcode .download-section-qrcode-inner { padding: 13px; padding-bottom: 8px; border-radius: 6px; box-shadow: 0 1px 4px 0 #c2c8cc; background: #fff; position: absolute; top: 0; left: 0; text-align: center; color: #11293b; font-size: 13px; z-index: 3; opacity: 0; transition: opacity 0.3s; } .download-section-qrcode .qrcode { display: block; width: 120px; height: 120px; } .download-section-qrcode span { margin-top: 8px; } .download-section-qrcode:hover { border-radius: 0; box-shadow: none; overflow: visible; } .download-section-qrcode:hover .download-section-qrcode-inner { opacity: 1; } .download-section.is-android, .download-section.is-ios { justify-content: center; } .download-section.is-android .download-section-wrap, .download-section.is-ios .download-section-wrap { margin-right: 0; width: auto; height: auto; } .download-section.is-android .download-section-wrap .download-section-wrap-inner, .download-section.is-ios .download-section-wrap .download-section-wrap-inner { height: auto; position: static; padding: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; } .download-section.is-android .download-section-wrap .google-link, .download-section.is-ios .download-section-wrap .google-link { padding: 0; margin-right: 5px; } .download-section.is-android .download-section-wrap .apk-link, .download-section.is-ios .download-section-wrap .apk-link { margin-top: 0; transition: none; margin-left: 5px; opacity: 1; position: static; } .download-section.is-android .download-section-wrap:hover .download-section-wrap-inner, .download-section.is-ios .download-section-wrap:hover .download-section-wrap-inner { border-radius: none; box-shadow: none; } .download-section.is-android .download-section-qrcode, .download-section.is-ios .download-section-qrcode { display: none; } #wechat-bg { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; padding: 2em; background-color: rgba(0, 0, 0, 0.5); z-index: 999; } #wechat-bg.active { display: block; } .safari-arrow { position: absolute; right: 20px; top: 20px; } .prompt-content { margin-top: 100px; } .prompt-content .prompt { margin-top: 18px; font-size: 18px; font-weight: normal; color: #fff; } .no-service { position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(50, 56, 72, 0.7); z-index: 100000; display: flex; align-items: center; } .no-service.hide { display: none; } .no-service .modal { width: 480px; margin: 0 auto; border-radius: 12px; background-color: #fafbfc; padding: 35px; } .no-service .content { margin-bottom: 30px; } .no-service .content .title { font-size: 15px; font-weight: 500; line-height: 30px; text-align: center; color: #11293b; } .no-service .bottom { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .no-service .bottom .links a { display: block; font-size: 13px; font-weight: 500; line-height: 24px; color: #098de6; text-decoration: none; } .no-service .action { border-radius: 21px; background-color: #098de6; padding: 10px 25px; color: #fff; font-size: 15px; cursor: pointer; } .article-common { font-size: 15px; line-height: 25px; color: #606d83; font-weight: 300; } .article-common strong { font-weight: 500; } .article-common p { font-size: 15px; line-height: 25px; color: #606d83; margin: 1em 0; } .article-common p strong { font-size: large; font-weight: normal; } .article-common p span { font-weight: 300 !important; word-break: break-all; } .article-common em span { word-break: break-all; } .article-common img { max-width: 100%; } .home-page .navbar-placeholder { height: 80px; } .home-page p { font-weight: 300; margin-bottom: 0; } .home-page .download-btn { width: 190px; height: 48px; background: #468BDF; border-radius: 8px; display: flex; justify-content: center; align-items: center; font-weight: 500; font-size: 18px; color: #FAFCFF; } .home-page .feature { background-color: #468BDF; display: flex; justify-content: center; margin: 0 auto; padding: 60px 0 70px 0; } .home-page .feature .feature-inner { width: 100%; max-width: 1168px; } .home-page .feature .feature-inner .title { font-size: 28px; line-height: 42px; text-align: center; color: #FFFFFF; } .home-page .feature .feature-inner .subtitle { font-size: 18px; line-height: 28px; text-align: center; color: #FFFFFF; margin-top: 10px; } .home-page .feature .feature-inner .feature-cards { margin-top: 40px; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-around; } .home-page .feature .feature-inner .feature-cards .feature-item { width: 375px; height: 180px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-flow: column nowrap; } .home-page .feature .feature-inner .feature-cards .feature-item .title { font-weight: 500; font-size: 32px; line-height: 38px; color: #FFFFFF; } .home-page .feature .feature-inner .feature-cards .feature-item .subtitle { font-size: 18px; line-height: 28px; color: rgba(255, 255, 255, 0.5); margin-top: 10px; } .home-page .product { display: flex; justify-content: center; margin: 0 auto; } .home-page .product .product-inner { width: 100%; max-width: 1168px; } .home-page .product .product-inner .product-wallet, .home-page .product .product-inner .product-tokenlon, .home-page .product .product-inner .product-imkey, .home-page .product .product-inner .product-defi { justify-content: space-around; padding: 90px 0; } .home-page .product .product-inner .product-wallet > div, .home-page .product .product-inner .product-tokenlon > div, .home-page .product .product-inner .product-imkey > div, .home-page .product .product-inner .product-defi > div { max-width: 500px; } .home-page .product .product-inner .product-wallet .flex-row .ant-divider-vertical, .home-page .product .product-inner .product-tokenlon .flex-row .ant-divider-vertical, .home-page .product .product-inner .product-imkey .flex-row .ant-divider-vertical, .home-page .product .product-inner .product-defi .flex-row .ant-divider-vertical { display: block; width: 1px; background-color: #E1E6EA; height: 4rem; margin: 0 30px; } .home-page .product .product-inner .product-wallet .flex-row .chevron-right, .home-page .product .product-inner .product-tokenlon .flex-row .chevron-right, .home-page .product .product-inner .product-imkey .flex-row .chevron-right, .home-page .product .product-inner .product-defi .flex-row .chevron-right { position: relative; top: -1px; } .home-page .product .product-inner .product-tokenlon .flex-row .ant-divider-vertical, .home-page .product .product-inner .product-imkey .flex-row .ant-divider-vertical, .home-page .product .product-inner .product-defi .flex-row .ant-divider-vertical { height: 1rem; } .home-page .product .product-inner .title { font-size: 32px; line-height: 44px; color: #191C1E; font-weight: 300; } .home-page .product .product-inner .subtitle { font-size: 21px; line-height: 28px; color: #777A8C; font-weight: 300; margin-bottom: 30px; margin-top: 8px; } .home-page .product .product-inner .number { font-weight: 500; font-size: 32px; line-height: 48px; color: #468BDF; margin-bottom: 10px; } .home-page .product .product-inner .desc { color: #777A8C; font-weight: 300; font-size: 17px; margin-top: 1px; } .home-page .product .product-inner .product-defi > div { position: relative; } .home-page .product .product-inner .billboard { border-radius: 8px; padding: 0; position: absolute; left: 40px; top: 20px; width: 356px; } .home-page .product .product-inner .billboard .ant-card-body { padding: 0; } .home-page .product .product-inner .billboard .item { padding: 14px 20px 14px 20px; border-bottom: 1px solid #EAECF6; } .home-page .product .product-inner .billboard .item:last-child { border-bottom: 0; } .home-page .product .product-inner .billboard .item .profit { font-weight: 500; font-size: 25px; color: #FAC166; margin-bottom: 0; } .home-page .product .product-inner .billboard .item .item-right { justify-content: space-between; flex: 1; padding-left: 20px; } .home-page .product .product-inner .billboard .item .item-right .item-title { font-size: 17px; line-height: 27px; color: #777A8C; margin-top: 10px; } .home-page .product .product-inner .billboard .item .item-right .item-subtitle { font-size: 17px; line-height: 27px; color: #777A8C; font-weight: 300; } .home-page .product .product-inner .billboard .item .item-right i, .home-page .product .product-inner .billboard .item .item-right svg { color: #C4C9D9; } .home-page .product .product-inner .billboard .item:hover { background: #F2F4F5; } .home-page .product .product-inner .billboard .item:hover .item-right .item-subtitle, .home-page .product .product-inner .billboard .item:hover .item-right .item-title, .home-page .product .product-inner .billboard .item:hover .desc { color: #191C1E; } .home-page .partner { width: 100%; background-color: #fafbfc; background-color: #F6F8FB; } .home-page .partner .partner-inner { width: 1168px; margin: 0 auto; padding: 100px 0; padding-top: 70px; padding-bottom: 70px; } @media only screen and (max-width: 1024px) { .home-page .partner .partner-inner { width: 100%; padding: 80px 1em; } } .home-page .partner .partner-inner .title { font-size: 32px; line-height: 46px; text-align: center; color: #191C1E; font-weight: 300; margin-bottom: 40px; } .home-page .partner .partner-inner .partner-list { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; } .home-page .partner .partner-inner .partner-list .partner-item { margin: 6px 0; } .home-page .partner .partner-inner .partner-list img { display: block; width: 204px; } .home-page .contact { width: 100%; background-color: #fafbfc; background-color: white; } .home-page .contact .contact-inner { width: 1168px; margin: 0 auto; padding: 100px 0; padding-top: 80px; padding-bottom: 60px; } @media only screen and (max-width: 1024px) { .home-page .contact .contact-inner { width: 100%; padding: 80px 1em; } } .home-page .contact .contact-inner .title { font-size: 32px; line-height: 46px; text-align: center; letter-spacing: 1px; color: #191C1E; } .home-page .contact .contact-inner .flex-row { justify-content: space-between; margin-top: 50px; } .home-page .contact .contact-inner .contact-items { align-items: flex-start; } .home-page .contact .contact-inner .contact-items .contact-item { display: flex; flex-flow: column nowrap; align-items: center; width: 270px; text-align: center; font-weight: normal; } .home-page .contact .contact-inner .contact-items .contact-item:hover .item-title { font-weight: 500; color: #191C1E; } .home-page .contact .contact-inner .contact-items .contact-item:hover .item-link { color: #191C1E; } .home-page .contact .contact-inner .contact-items .contact-item .item-title { font-size: 24px; line-height: 28px; color: #777A8C; margin-top: 20px; display: block; cursor: pointer; font-weight: normal; } .home-page .contact .contact-inner .contact-items .contact-item .item-link { font-size: 17px; line-height: 30px; color: #777A8C; margin-top: 10px; font-weight: normal; cursor: pointer; } .home-page .contact .contact-inner .contact-items .contact-item .item-subtitle { font-size: 17px; color: #C4C9D9; } .home-download { margin-top: 35px; } .home-page .announce { height: 50px; background: #F5F7FA; padding: 15px 0; } .home-page .announce .announce-inner { max-width: 1168px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start; } .home-page .announce .announce-inner a { font-size: 13px; line-height: 15px; color: #777A8C; margin-left: 16px; } @media (max-width: 960px) { .home-page .announce .announce-inner { padding: 0 20px; } .home-page .announce .announce-inner a { display: inline-block; width: calc(100vw - 60px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home-page .common-banner .banner-inner .home-download > div { margin-left: 0; } .home-page .common-banner .banner-inner .home-download { margin: 20px 0 45px 0; } .home-page .partner { padding: 0; } .home-page .partner .partner-inner { width: 100%; } .home-page .partner .partner-inner .title { margin-bottom: 20px; line-height: 1.5; font-size: 25px; } .home-page .partner .partner-inner .partner-list { width: 100%; } .home-page .partner .partner-inner .partner-list .partner-item { display: flex; align-items: center; justify-content: center; width: 50%; } .home-page .partner .partner-inner .partner-list img { width: 100%; margin: 1em; } .home-page .feature { padding-left: 15px; padding-right: 15px; } .home-page .feature .feature-inner .title { font-size: 25px; } .home-page .feature .feature-inner .title, .home-page .feature .feature-inner .subtitle { text-align: left; margin-left: 15px; } .home-page .feature .feature-inner .feature-cards .feature-item { border-radius: 0; border: 0; margin-bottom: 2px; align-items: flex-start; height: 140px; } .home-page .feature .feature-inner .feature-cards .feature-item:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; } .home-page .feature .feature-inner .feature-cards .feature-item:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .home-page .product .product-inner .product-wallet .flex-row .chevron-right, .home-page .product .product-inner .product-tokenlon .flex-row .chevron-right, .home-page .product .product-inner .product-imkey .flex-row .chevron-right, .home-page .product .product-inner .product-defi .flex-row .chevron-right { top: -2px; } .home-page .product .product-inner > div { flex-flow: column nowrap; padding: 70px 25px !important; } .home-page .product .product-inner > div > img { max-width: 100%; } .home-page .product .product-inner > div div img { max-width: 100%; } .home-page .product .product-inner > div div .title { font-size: 25px; margin-top: 60px; } .home-page .product .product-inner > div div .subtitle { font-size: 15px; margin-bottom: 40px; } .home-page .product .product-inner > div div .number { font-size: 25px; line-height: 48px; margin-bottom: 0; } .home-page .product .product-inner > div div .billboard { left: 20px; top: 30px; width: calc(100vw - 40px); } .home-page .product .product-inner > div div .billboard .item .item-right .item-title, .home-page .product .product-inner > div div .billboard .item .item-right .item-subtitle { font-size: 15px; margin-top: 0; line-height: 22px; } .home-page .product .product-inner > div div .billboard .item .profit { font-weight: 500; font-size: 21px; line-height: 23px; } .home-page .product .product-inner > div div .billboard .item .desc { font-size: 15px; } .home-page .product .product-inner > div.product-tokenlon, .home-page .product .product-inner > div.product-defi { flex-direction: column-reverse; } .home-page .product .product-inner > div.flex-row { align-items: flex-start; } .home-page .product .product-inner > div.product-defi { padding-left: 0 !important; padding-right: 0 !important; } .home-page .product .product-inner > div.product-defi .title, .home-page .product .product-inner > div.product-defi .subtitle { margin-left: 25px; } .home-page .contact .contact-inner { padding: 70px 30px 20px; } .home-page .contact .contact-inner .title { font-size: 25px; text-align: left; } .home-page .contact .contact-inner .contact-items { flex-flow: column nowrap; } .home-page .contact .contact-inner .contact-items .contact-item { flex-flow: row nowrap; align-items: flex-start; width: calc(100vw - 80px); margin-bottom: 55px; } .home-page .contact .contact-inner .contact-items .contact-item img { width: 33px; height: 33px; } .home-page .contact .contact-inner .contact-items .contact-item > div { padding-left: 20px; text-align: left; } .home-page .contact .contact-inner .contact-items .contact-item > div .item-title { margin-top: 0; font-size: 17px; line-height: 20px; } .home-page .contact .contact-inner .contact-items .contact-item > div .item-link { font-size: 17px; line-height: 20px; font-weight: 400; } .home-page .contact .contact-inner .contact-items .contact-item > div .item-subtitle { font-size: 13px; line-height: 15px; color: #C4C9D9; margin-top: 10px; } } .press-page .navbar-placeholder { height: auto; } .press-page .banner-container { width: 100%; height: 383px; background-image: linear-gradient(to left, #73b1e4, #0081d4); } .press-page .banner-inner { max-width: 1168px; margin: 0 auto; display: flex; height: 100%; justify-content: space-between; align-items: center; } .press-page .banner-img { width: 448px; height: 310px; } .press-page .banner-main { color: #fff; margin-right: 50px; } .press-page .banner-main .title { font-size: 36px; letter-spacing: 0.2px; margin-bottom: 14px; } .press-page .banner-main .desc { font-size: 20px; font-weight: 300; line-height: 1.5; letter-spacing: 0.2px; } .press-page .banner-main .link { font-weight: normal; text-decoration: none; color: #fff; } .press-page .press-container { background: #fafbfc; border-bottom: 1px solid #f2f4f5; line-height: 1.6; } .press-page .press-list { width: 1040px; list-style-type: none; margin: 0 auto; padding: 0; } .press-page .press-item { padding: 48px 0; border-bottom: 1px solid #f2f4f5; } .press-page .press-item a { width: 100%; height: 100%; display: flex; justify-content: space-between; text-decoration: none; } .press-page .press-item:last-child { border-bottom: none; } .press-page .item-detail { width: 80%; } .press-page .item-platform { font-size: 16px; font-weight: 500; color: #0062ad; width: 21%; position: relative; float: left; top: 3px; } .press-page .platform-name { overflow: hidden; width: 90%; text-overflow: ellipsis; white-space: nowrap; } .press-page .item-title { padding-left: 21%; font-size: 20px; font-weight: 300; color: #000; } .press-page .item-date { text-align: right; font-family: SFUIText, sans-serif; font-size: 16px; font-weight: 300; color: #949ea6; position: relative; top: 2px; } .press-page .common-footer { border-top: none; } @media (max-width: 1080px) { .press-page .banner-container { height: 280px; display: flex; flex-direction: column; justify-content: center; } .press-page .banner-main { margin-right: 0; } .press-page .banner-main .title { font-size: 26px; } .press-page .banner-main .desc { font-size: 16px; } .press-page .banner-inner { width: 88%; } .press-page .banner-img { display: none; } .press-page .press-list { width: 88%; margin: 0 auto; word-break: break-word; } .press-page .press-item { padding: 20px 0; } .press-page .press-item a { display: block; } .press-page .item-detail { display: block; width: 100%; } .press-page .item-title { margin: 10px 0; padding-left: 0; font-size: 18px; } .press-page .item-platform { width: 100%; float: none; top: 0; } .press-page .platform-name { width: 100%; overflow: visible; white-space: normal; } .press-page .item-date { top: 0; text-align: left; } } .wallet-page p { margin-bottom: 0; } .wallet-page .navbar-placeholder { height: 80px; } .wallet-page .common-banner .banner-inner { background: #f3fafc; } .wallet-page .store { background: #f6f8fb; padding-bottom: 90px; } .wallet-page .transfer { padding-bottom: 130px; } .wallet-page .wallet-chains .chains-card { display: flex; flex-flow: row wrap; border-radius: 16px; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); margin: 45px auto 10px auto; } .wallet-page .wallet-chains .chains-card > div { width: 50%; padding-top: 25px; padding-left: 35px; padding-bottom: 20px; padding-right: 20px; display: flex; flex-flow: row nowrap; align-items: center; border-bottom: 0.5px solid #eaecf6; border-right: 0.5px solid #eaecf6; } .wallet-page .wallet-chains .chains-card > div:nth-last-of-type(2), .wallet-page .wallet-chains .chains-card > div:last-child { border-bottom: 0; } .wallet-page .wallet-chains .chains-card > div:nth-child(even) { border-right: 0; } .wallet-page .wallet-chains .chains-card > div img { margin-right: 20px; position: relative; top: -2px; } .wallet-page .wallet-chains .chains-card > div .item-title { font-size: 21px; color: #2b3330; } .wallet-page .wallet-chains .chains-card > div .item-title .new-tag { margin-left: 10px; position: relative; top: -5px; display: inline-block; background: #f67676; color: white; font-size: 10px; line-height: 20px; padding: 0 6px; border-radius: 4px; } .wallet-page .wallet-chains .chains-card > div .item-subtitle { font-size: 17px; line-height: 29px; color: #777a8c; font-weight: 300; } .wallet-page .wallet-chains .chains-description { margin-bottom: 60px; color: #949ea6; font-size: 14px; font-weight: 300; } .wallet-page .wallet-chains .usdx-list { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-around; margin-top: 70px; margin-bottom: 70px; background: white; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); border-radius: 8px; } .wallet-page .wallet-chains .usdx-list a { display: inline-block; text-align: center; padding: 2.8rem 0; flex: 1; } .wallet-page .wallet-chains .usdx-list a img { width: 4rem; height: 4rem; } .wallet-page .wallet-chains .usdx-list a p { margin-top: 1.8rem; font-size: 21px; line-height: 26px; letter-spacing: 2px; color: #363c4d; font-weight: 400; } .wallet-page .wallet-chains .usdx-list a:hover { background: #f6f8fb; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); } .wallet-page .wallet-chains .usdx-list div { width: 1px; background: #eaecf6; height: 80px; opacity: 0.7; } .wallet-page .wallet-chains .ant-divider { width: 56%; min-width: unset; margin: 0 auto; } .wallet-page .wallet-chains .end-line.subtitle { margin-top: 0; font-weight: 300; } @media (max-width: 1024px) { .wallet-page .common-banner .banner-inner { background: #fff; } .wallet-page .wallet-chains .section-inner { padding: 0 20px; } .wallet-page .wallet-chains .section-inner .title, .wallet-page .wallet-chains .section-inner .subtitle { text-align: left; } .wallet-page .wallet-chains .section-inner .subtitle { font-size: 15px; line-height: 28px; } .wallet-page .wallet-chains .section-inner .chains-card { margin-bottom: 30px; } .wallet-page .wallet-chains .section-inner .chains-card > div { width: 100%; padding: 20px; border-right: 0; } .wallet-page .wallet-chains .section-inner .chains-card > div .item-title { font-size: 17px; } .wallet-page .wallet-chains .section-inner .chains-card > div .item-title .new-tag { margin-left: 10px; position: relative; top: -3px; display: inline-block; background: #f67676; color: white; font-size: 10px; line-height: 16px; padding: 0 4px; border-radius: 4px; } .wallet-page .wallet-chains .section-inner .chains-card > div .item-subtitle { font-size: 11px; line-height: 19px; } .wallet-page .wallet-chains .section-inner .usdx-list { flex-flow: row wrap; align-items: center; justify-content: center; margin-bottom: 30px; background: unset; box-shadow: unset; } .wallet-page .wallet-chains .section-inner .usdx-list a { width: 140px; height: 170px; margin: 0 0.5rem 1rem 0.5rem; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; padding: 0; background: white; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); border-radius: 8px; flex: unset; } .wallet-page .wallet-chains .section-inner .usdx-list a img { width: 48px !important; height: 48px !important; } .wallet-page .wallet-chains .section-inner .usdx-list a p { margin-top: 1rem; font-size: 15px; line-height: 15px; letter-spacing: 1.17082px; color: #363c4d; } .wallet-page .wallet-chains .section-inner .usdx-list div { display: none; } .wallet-page .store { padding-bottom: 0; } .wallet-page .transfer { padding-bottom: 80px; } } .tokenlon-page .header { position: relative; margin: 0 auto; } .tokenlon-page .header .tokenlon-logo { display: block; margin: 80px auto 20px; } .tokenlon-page .header .header-title { font-size: 36px; font-weight: 300; line-height: 1.28; text-align: center; color: #11293b; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .tokenlon-page .header .header-title { font-size: 32px; padding: 0 16px; } } .tokenlon-page .header .header-desc { width: 860px; font-size: 20px; font-weight: 300; font-style: normal; line-height: 1.68; text-align: center; color: #344857; margin: 0 auto; } @media only screen and (max-width: 1024px) { .tokenlon-page .header .header-desc { width: 100%; font-size: 18px; } } .tokenlon-page .header .video-container { width: 700px; height: 392px; border-radius: 4px; background-color: #363c4d; box-shadow: 0 4px 24px 0 rgba(52, 72, 87, 0.1); margin: 60px auto 0; overflow: hidden; } .tokenlon-page .protocol { width: 1024px; margin: 0 auto; padding: 100px 0; } @media only screen and (max-width: 1024px) { .tokenlon-page .protocol { width: 100%; padding: 80px 1em; } } .tokenlon-page .protocol .protocol-title { font-size: 36px; font-weight: 300; line-height: 1.28; text-align: center; color: #11293b; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .tokenlon-page .protocol .protocol-title { font-size: 32px; padding: 0 16px; } } .tokenlon-page .protocol .protocol-desc { width: 860px; font-size: 20px; font-weight: 300; font-style: normal; line-height: 1.68; text-align: center; color: #344857; margin: 0 auto; margin-bottom: 64px; } @media only screen and (max-width: 1024px) { .tokenlon-page .protocol .protocol-desc { width: 100%; font-size: 18px; } } .tokenlon-page .protocol .protocol-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 42px; } .tokenlon-page .protocol .protocol-item .protocol-picture { width: 430px; box-shadow: 0 3px 8px 0 #d8d8df; } .tokenlon-page .protocol .protocol-item article { width: 430px; } .tokenlon-page .protocol .protocol-item article h3 { font-size: 24px; font-weight: normal; color: #344857; margin-bottom: 12px; } @media only screen and (max-width: 1024px) { .tokenlon-page .protocol .protocol-item article h3 { font-size: 20px; margin-bottom: 10px; } } .tokenlon-page .protocol .protocol-item article p { font-size: 16px; font-weight: 300; line-height: 1.68; color: #63727d; } .tokenlon-page .protocol .protocol-item article .poweredby { display: flex; align-items: center; font-size: 14px; font-weight: 500; font-style: italic; color: #11293b; margin-top: 12px; } .tokenlon-page .protocol .protocol-item article .poweredby .poweredby-picture { margin-left: 10px; transition: all 0.2s ease-in-out; } .tokenlon-page .protocol .protocol-item article .poweredby .poweredby-picture:hover { transform: scale(1.1); } .tokenlon-page .trust { width: 100%; background-color: #fafbfc; } .tokenlon-page .trust .trust-inner { width: 1024px; margin: 0 auto; padding: 100px 0; } @media only screen and (max-width: 1024px) { .tokenlon-page .trust .trust-inner { width: 100%; padding: 80px 1em; } } .tokenlon-page .trust .trust-inner .trust-title { font-size: 36px; font-weight: 300; line-height: 1.28; text-align: center; color: #11293b; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .tokenlon-page .trust .trust-inner .trust-title { font-size: 32px; padding: 0 16px; } } .tokenlon-page .trust .trust-inner .trust-list { display: flex; justify-content: space-between; margin-top: 80px; } .tokenlon-page .trust .trust-inner .trust-list .trust-item { width: 324px; margin-right: 64px; } .tokenlon-page .trust .trust-inner .trust-list .trust-item .trust-item-icon { margin-bottom: 12px; } .tokenlon-page .trust .trust-inner .trust-list .trust-item h3 { font-size: 24px; font-weight: normal; color: #344857; margin-bottom: 12px; font-size: 18px; } @media only screen and (max-width: 1024px) { .tokenlon-page .trust .trust-inner .trust-list .trust-item h3 { font-size: 20px; margin-bottom: 10px; } } .tokenlon-page .trust .trust-inner .trust-list .trust-item p { font-size: 16px; font-weight: 300; line-height: 1.68; color: #63727d; } .tokenlon-page .work { width: 1024px; margin: 0 auto; padding: 100px 0; } @media only screen and (max-width: 1024px) { .tokenlon-page .work { width: 100%; padding: 80px 1em; } } .tokenlon-page .work .work-title { font-size: 36px; font-weight: 300; line-height: 1.28; text-align: center; color: #11293b; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .tokenlon-page .work .work-title { font-size: 32px; padding: 0 16px; } } .tokenlon-page .work .work-container { display: flex; justify-content: center; align-items: center; margin-top: 90px; } .tokenlon-page .work .work-container .work-picture.desktop { display: block; } .tokenlon-page .work .work-container .work-picture.mobile { display: none; } .tokenlon-page .work .work-container .work-list { margin-left: 116px; } .tokenlon-page .work .work-container .work-item { width: 324px; margin-bottom: 24px; } .tokenlon-page .work .work-container .work-item .work-item-icon.mobile { display: none; } .tokenlon-page .work .work-container .work-item .work-item-title { font-size: 18px; font-weight: normal; line-height: 1.33; color: #11293b; margin-bottom: 6px; } .tokenlon-page .work .work-container .work-item .work-item-desc { font-size: 14px; font-weight: 300; color: #949ea6; line-height: 1.43; } @media (max-width: 1024px) { .tokenlon-page .header { width: 100%; padding: 0; } .tokenlon-page .header .tokenlon-logo { width: 136px; margin: 0 auto 20px; } .tokenlon-page .header .video-container { width: 100%; height: auto; border-radius: 0; } .tokenlon-page .header .card-bg { display: none; } .tokenlon-page .protocol .protocol-item { flex-direction: column; } .tokenlon-page .protocol .protocol-item:last-child { flex-direction: column-reverse; margin-bottom: 0; } .tokenlon-page .protocol .protocol-item article { width: 100%; margin-bottom: 24px; } .tokenlon-page .protocol .protocol-item .protocol-picture { width: 100%; } .tokenlon-page .trust .trust-inner .trust-list { margin-top: 40px; flex-direction: column; } .tokenlon-page .trust .trust-inner .trust-list .trust-item { width: 100%; margin-bottom: 32px; margin-right: 0; } .tokenlon-page .trust .trust-inner .trust-list .trust-item:last-child { margin-bottom: 0; } .tokenlon-page .work .work-container { flex-direction: column; margin-top: 60px; } .tokenlon-page .work .work-container .work-picture.desktop { display: none; } .tokenlon-page .work .work-container .work-picture.mobile { display: block; } .tokenlon-page .work .work-container .work-list { margin: 0; margin-top: 40px; } .tokenlon-page .work .work-container .work-list .work-item { width: 100%; margin-bottom: 32px; } .tokenlon-page .work .work-container .work-list .work-item:last-child { margin-bottom: 0; } .tokenlon-page .work .work-container .work-list .work-item .work-item-icon { display: inline; margin-right: 8px; } .tokenlon-page .work .work-container .work-list .work-item .work-item-desc { margin-left: 26px; } } .dapp-page .navbar-placeholder { height: 80px; } .dapp-page p { font-weight: 300; margin-bottom: 0; } .dapp-page .common-banner .banner-inner { background: rgba(6, 147, 194, 0.05); } .dapp-page .common-banner .banner-inner .learn-more { margin-top: 25px; } .dapp-page .common-banner .banner-inner .learn-more img { position: relative; top: -1px; } .dapp-page .example-section { background: #0693C2; padding-bottom: 0; } .dapp-page .example-section .section-inner .flex-row { justify-content: space-around; align-items: center; } .dapp-page .example-section .section-inner .flex-row img { width: 428px; height: 428px; } .dapp-page .example-section .section-inner .flex-row .i-title { color: white; } .dapp-page .example-section .section-inner .flex-row .i-subtitle { margin-top: 15px; color: rgba(255, 255, 255, 0.5); } .dapp-page .co-section { background: #F6F8FB; padding-bottom: 90px; } .dapp-page .co-section .section-inner .flex-row { margin-top: 45px; justify-content: space-between; } .dapp-page .co-section .section-inner .flex-row a { padding: 20px 20px 24px 20px; } .dapp-page .co-section .section-inner .flex-row a img { width: 100px; height: 100px; } .dapp-page .co-section .section-inner .flex-row a p { text-align: center; margin-top: 4px; } .dapp-page .co-section .section-inner .flex-row a:hover { background: rgba(25, 28, 30, 0.05) !important; border-radius: 32px !important; padding: 20px 20px 24px 20px !important; } .dapp-page .co-section .section-inner .flex-row a:hover p.link-hover { color: #191C1E !important; } .dapp-page .contact-section .section-inner .flex-row { justify-content: space-around; margin-top: 45px; } .dapp-page .contact-section .section-inner .flex-row .flex-column { align-items: center; text-align: center; flex: 1; } .dapp-page .contact-section .section-inner .flex-row .flex-column .title { font-size: 21px; line-height: 25px; color: #43454F; margin-top: 40px; } .dapp-page .contact-section .section-inner .flex-row .flex-column .link-btn { display: block; border-radius: 5px; margin-top: 16px; color: #777A8C; text-align: center; } .dapp-page .contact-section .section-inner .flex-row .flex-column .link-btn img { width: 16px; height: 16px; } @media (max-width: 1024px) { .dapp-page .common-banner .banner-inner { background: #fff; } .dapp-page .common-banner .banner-inner .learn-more { margin-top: 10px; } .dapp-page .common-banner .banner-inner .learn-more img { position: relative; top: 0px; } .dapp-page .example-section .section-inner .flex-row { flex-flow: column-reverse nowrap; } .dapp-page .example-section .section-inner .flex-row .i-title { font-size: 25px; line-height: 42px; text-align: center; } .dapp-page .example-section .section-inner .flex-row .i-subtitle { font-size: 17px; line-height: 27px; margin-top: 0; text-align: center; } .dapp-page .example-section .section-inner .flex-row img { width: 90%; height: unset; margin-top: 30px; } .dapp-page .co-section { padding-bottom: 50px; } .dapp-page .co-section .section-inner { padding: 0; } .dapp-page .co-section .section-inner .title, .dapp-page .co-section .section-inner .subtitle { text-align: center; } .dapp-page .co-section .section-inner .flex-row { flex-flow: row wrap; align-items: center; justify-content: center; } .dapp-page .co-section .section-inner .flex-row .dapp-row { width: 70%; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-around; margin-bottom: 36px; } .dapp-page .co-section .section-inner .flex-row .dapp-row .flex-col { padding: 0; } .dapp-page .co-section .section-inner .flex-row .dapp-row img { width: 80px; height: 80px; } .dapp-page .co-section .section-inner .flex-row .dapp-row.even { width: 100%; } .dapp-page .contact-section { padding-bottom: 20px; } .dapp-page .contact-section .section-inner .flex-row { flex-flow: column nowrap; align-items: flex-start; } .dapp-page .contact-section .section-inner .flex-row .flex-column { flex-flow: row nowrap; align-items: flex-start; margin-bottom: 30px; } .dapp-page .contact-section .section-inner .flex-row .flex-column img { width: 33px; height: 33px; margin-right: 10px; } .dapp-page .contact-section .section-inner .flex-row .flex-column div { display: flex; flex-flow: column nowrap; align-items: flex-start; } .dapp-page .contact-section .section-inner .flex-row .flex-column div .title { margin-top: 0; font-size: 17px; line-height: 20px; } .dapp-page .contact-section .section-inner .flex-row .flex-column div .subtitle { margin-top: 10px; font-size: 15px; line-height: 19px; height: unset; } .dapp-page .contact-section .section-inner .flex-row .flex-column div .link-btn { font-size: 15px; line-height: 18px; margin-top: 10px; } .dapp-page .contact-section .section-inner .flex-row .flex-column div .link-btn img { position: relative; top: -1px; } } .download-page { font-weight: 300; } .download-page .inner-wrapper { background-color: #F6F8FB; } .download-page .download-inner { padding-top: 10px; padding-bottom: 0; } .download-page .download-inner > .flex-row { margin-bottom: 110px; } .download-page .line { width: 375px; max-width: 100%; height: 1px; box-shadow: inset 0 0.5px 0 0 #e1e6ea; background-color: #ffffff; margin: 20px auto 0; } .download-page .flex-row { display: flex; flex-direction: row; align-items: center; } .download-page .version-download { font-family: PingFangSC, sans-serif; font-size: 17px; line-height: 1.53; color: #949ea6; } .download-page .download-link { color: #949ea6; text-decoration-line: none; } .download-page .download-link:hover { color: #098de5; } .download-page .navbar-placeholder { height: 80px; background-color: #fafbfc; } .download-page .title { font-size: 36px; font-weight: 300; line-height: 1.28; text-align: center; color: #11293b; margin-bottom: 20px; font-weight: normal; margin-bottom: 80px; } @media only screen and (max-width: 1024px) { .download-page .title { font-size: 32px; padding: 0 16px; } } .download-page .download-container { width: 100%; background-color: #fafbfc; } .download-page .download-container .download-area-title { font-size: 21px; line-height: 26px; text-align: center; color: #43454f; font-weight: 400; margin-top: 10px; margin-bottom: 0; } .download-page .download-container .download-area-subtitle { font-size: 17px; line-height: 26px; letter-spacing: 0.4px; color: #777a8c; margin-bottom: 10px; margin-top: 10px; } .download-page .download-container .download-area-list { display: flex; flex-direction: row; align-items: center; justify-content: center; column-gap: 20px; row-gap: 8px; margin-top: 14px; flex-wrap: wrap; } .download-page .download-container .download-area-list .download-area-item { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; } .download-page .download-container .download-area-desc { margin-top: 40px; margin-bottom: 10px; font-family: PingFangSC, sans-serif; font-size: 17px; line-height: 1.53; color: #949ea6; } .download-page .download-container .download-area-icon { width: 72px; height: 72px; } .download-page .download-container .download-area { background: #fff; display: none; } .download-page .download-container .download-area-active { display: block; } .download-page .download-container .download-area-inner { width: 720px; margin: 0 auto; padding: 100px 0; padding-bottom: 30px; padding-top: 120px; text-align: center; align-items: center; } @media only screen and (max-width: 1024px) { .download-page .download-container .download-area-inner { width: 100%; padding: 80px 1em; } } .download-page .download-switch-line { display: none; } @media (max-width: 980px) { .download-page .navbar-mobile { border-bottom: none; } .download-page .navbar-placeholder { background: #fff; height: 80px; } .download-page .download-container { background: #fff; } .download-page .download-container .download-area-list { flex-direction: column; align-items: center; } .download-page .download-container .download-area-list .download-area-item { justify-content: flex-start; } .download-page .download-container .download-inner { padding-top: 0; padding-bottom: 0; } .download-page .download-container .download-inner .section-inner { padding-top: 0; padding-bottom: 0; } .download-page .download-container .download-inner .flex-row { margin-bottom: 30px; margin-top: 0; } .download-page .download-container .download-area-inner { flex-direction: column; padding: 70px 1.2em 0px; } .download-page .download-container .line { width: 90%; margin: 35px auto; } .download-page .float-downloader { position: fixed; left: 0; bottom: 0; width: 100vw; background: white; z-index: 100; box-shadow: inset 0px 0.5px 0px #e1e6ea; padding: 10px 20px 0; } .download-page .float-downloader .desc { color: #c4c9d9; } } .contact-page .contact { width: 890px; margin: 0 auto; padding: 100px 0; padding-top: 0px; } @media only screen and (max-width: 1024px) { .contact-page .contact { width: 100%; padding: 80px 1em; } } .contact-page .contact .title { font-size: 36px; font-weight: 300; line-height: 1.28; text-align: center; color: #11293b; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .contact-page .contact .title { font-size: 32px; padding: 0 16px; } } .contact-page .contact .desc { width: 860px; font-size: 20px; font-weight: 300; font-style: normal; line-height: 1.68; text-align: center; color: #344857; margin: 0 auto; } @media only screen and (max-width: 1024px) { .contact-page .contact .desc { width: 100%; font-size: 18px; } } .contact-page .contact .content { display: flex; margin-top: 72px; text-align: center; } .contact-page .contact .content main { flex: 1; border-radius: 8px; border: solid 0.5px #d5dce0; padding: 20px; display: flex; flex-direction: column; justify-content: center; } .contact-page .contact .content main .content-inner { width: 370px; margin: 0 auto; } .contact-page .contact .content main .icon { margin-bottom: 16px; } .contact-page .contact .content main .content-title { font-size: 18px; font-weight: normal; line-height: 1.33; color: #11293b; margin-bottom: 6px; } .contact-page .contact .content main .content-desc { font-size: 14px; font-weight: 300; color: #949ea6; line-height: 1.43; } .contact-page .contact .content main .btn { display: inline-block; min-width: 192px; border-radius: 4px; background-color: #098de6; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); color: #fff; font-size: 18px; font-weight: normal; text-decoration: none; transition: all 0.15s ease; padding: 10px 40px; text-align: center; margin: 28px auto 0; } .contact-page .contact .content main .btn:hover { transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } .contact-page .contact .content aside { margin-left: 60px; text-align: left; } .contact-page .contact .content aside h2 { font-size: 20px; font-weight: normal; color: #1c2e36; margin-bottom: 30px; margin-top: 6px; } .contact-page .contact .content aside .item { margin-bottom: 30px; } .contact-page .contact .content aside .item h3 { font-size: 14px; font-weight: normal; line-height: 1.93; color: #11293b; } .contact-page .contact .content aside .item a { font-size: 14px; font-weight: normal; line-height: 1.93; color: #098de6; text-decoration: none; } @media (max-width: 890px) { .contact-page .contact { padding-top: 0; } .contact-page .contact .content { flex-direction: column; margin-top: 40px; } .contact-page .contact .content main .content-inner { width: 100%; } .contact-page .contact .content aside { margin-left: 0; margin-top: 40px; } .contact-page .contact .content aside .item:last-child { margin-bottom: 0; } } .about-page .navbar-placeholder { height: 80px; } .about-page .feature { background-color: #057FB8; display: flex; justify-content: center; margin: 0 auto; padding: 60px 0 70px 0; } .about-page .feature .feature-inner { width: 100%; max-width: 1168px; } .about-page .feature .feature-inner .title { font-size: 32px; line-height: 42px; text-align: center; color: #FFFFFF; font-weight: 300; } .about-page .feature .feature-inner .subtitle { font-size: 18px; line-height: 28px; text-align: center; color: #FFFFFF; margin-top: 10px; } .about-page .feature .feature-inner .feature-cards { margin-top: 40px; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-around; } .about-page .feature .feature-inner .feature-cards .feature-item { width: 375px; height: 180px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-flow: column nowrap; } .about-page .feature .feature-inner .feature-cards .feature-item .title { font-weight: 500; font-size: 32px; line-height: 38px; color: #FFFFFF; } .about-page .feature .feature-inner .feature-cards .feature-item .subtitle { font-size: 18px; line-height: 28px; color: rgba(255, 255, 255, 0.5); margin-top: 10px; } .about-page .about-company { background-image: url(https://token.im/_next/static/images/map-bg-d79e6d811b9bdfd59ad6b0eb4facb8fb.png); background-size: cover; background-repeat: no-repeat; } .about-page .about-company .section-inner .flex-row .flex-column { width: 300px; align-items: center; justify-content: space-between; } .about-page .about-company .section-inner .flex-row .flex-column .subtitle { font-size: 17px; line-height: 32px; color: #777A8C; } .about-page .about-company .section-inner .company-media { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-around; margin-top: 90px; } .about-page .about-company .section-inner .company-media .video-wrap { width: 790px; height: 444px; overflow: hidden; border-radius: 12px; } .about-page .about-company .section-inner .company-media .video-wrap .wistia-wrap { position: relative; width: 790px; height: 465px; } .about-page .about-company .section-inner .company-media .company-photos { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 440px; position: relative; } .about-page .about-company .section-inner .company-media .company-photo { width: 566px; height: 345px; border-radius: 12px; object-fit: cover; } .about-page .about-company .section-inner .company-media.company-media-mobile { flex-flow: column nowrap; width: 100%; margin-top: 70px; } .about-page .about-company .section-inner .company-media.company-media-mobile .company-photo { width: 100%; height: 177px; } .about-page .about-company .section-inner .company-media.company-media-mobile .video-wrap { width: 100%; height: 177px; overflow: hidden; border-radius: 12px; margin-bottom: 20px; } .about-page .about-company .section-inner .company-media.company-media-mobile .video-wrap .wistia-wrap { position: relative; width: 100%; height: 177px; } .about-page .about-company .section-inner .company-photo { width: 375px; height: 240px; border-radius: 8px; } .about-page .join-us .section-inner .flex-row { justify-content: space-around; flex-direction: row-reverse; } .about-page .join-us .section-inner .flex-row img { width: 670px; height: 250px; } .about-page .join-us .section-inner .flex-row .o-download { display: inline-block; width: 145px; height: 48px; border: 1px solid #43454F; box-sizing: border-box; border-radius: 8px; line-height: 48px; text-align: center; color: #43454F; margin-top: 20px; } .about-page .join-us .section-inner .flex-row .o-download:hover { background: #43454F; color: white; } .about-page .events { background: #F6F8FB; } .about-page .events .section-inner .big-events { position: relative; margin-top: -50px; margin-bottom: -60px; } .about-page .events .section-inner .big-events .event-line { display: flex; flex-flow: row nowrap; position: absolute; } .about-page .events .section-inner .big-events .event-line.reversed-line .line:before { top: auto; bottom: -3px; } .about-page .events .section-inner .big-events .event-line.reversed-line .event-desc { display: flex; flex-direction: column; justify-content: flex-end; } .about-page .events .section-inner .big-events .event-line .line { width: 10px; height: 220px; border-left: 0.5px dashed #2F3133; position: relative; } .about-page .events .section-inner .big-events .event-line .line:before { content: ' '; position: absolute; left: -3px; top: -3px; width: 5px; height: 5px; background-color: black; border-radius: 50%; } .about-page .events .section-inner .big-events .event-line .event-desc { padding-left: 5px; } .about-page .events .section-inner .big-events .event-line .event-desc .event-title { max-width: 200px; margin-top: 4px; } .about-page .events .section-inner .big-events .event-line .event-desc p, .about-page .events .section-inner .big-events .event-line .event-desc span, .about-page .events .section-inner .big-events .event-line .event-desc a { font-size: 15px; line-height: 19px; color: #777A8C; } .about-page .events .section-inner .big-events .event-line .event-desc p img, .about-page .events .section-inner .big-events .event-line .event-desc span img, .about-page .events .section-inner .big-events .event-line .event-desc a img { margin-left: 5px; opacity: 0.8; } .about-page .events .section-inner .big-events .event-line .event-desc a:hover { color: #191C1E; } .about-page .events .section-inner .big-events .event-line .event-desc a:hover span { color: #191C1E; } .about-page .events .section-inner .big-events .event-line .event-desc a:hover img { opacity: 1; } .about-page .events .section-inner .x-axis { display: flex; flex-flow: row nowrap; border-bottom: 2px solid #2F3133; } .about-page .events .section-inner .x-axis .year { height: 8px; border-left: 3px solid #2F3133; } .about-page .events .section-inner .x-axis .year h3 { font-weight: 800; font-size: 25px; color: #2F3133; margin-top: 10px; position: relative; left: -30px; } .about-page .events .section-inner .x-axis .year.reverse h3 { bottom: 35px; margin-top: 0px; } .about-page .events .section-inner .x-axis .year.year-2016 { flex: 2; } .about-page .events .section-inner .x-axis .year.year-2016 h3 { left: 0; } .about-page .events .section-inner .x-axis .year.year-2017 { flex: 1; } .about-page .events .section-inner .x-axis .year.year-2018 { flex: 2.5; } .about-page .events .section-inner .x-axis .year.year-2020 { flex: 1; } .about-page .events .section-inner .x-axis .year.year-2021 { flex: 1; } .about-page .events .section-inner .x-axis .year.year-2022 { flex: 2.5; } .about-page .modal { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(67, 69, 79, 0.7); z-index: 1000; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .about-page .modal .modal-body { display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; width: 1200px; } .about-page .modal .modal-body .close { align-self: flex-end; margin-bottom: 20px; position: relative; left: 30px; cursor: pointer; } @media (max-width: 780px) { .about-page .modal .modal-body { width: 100%; } .about-page .modal .modal-body .img-zooming { width: 90%; } .about-page .modal .modal-body .close { width: 30px; left: -5px; } .about-page .feature { padding-left: 15px; padding-right: 15px; } .about-page .feature .feature-inner .title { font-size: 25px; } .about-page .feature .feature-inner .title, .about-page .feature .feature-inner .subtitle { text-align: left; margin-left: 15px; } .about-page .feature .feature-inner .feature-cards .feature-item { border-radius: 0; border: 0; margin-bottom: 2px; align-items: flex-start; height: 140px; } .about-page .feature .feature-inner .feature-cards .feature-item:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; } .about-page .feature .feature-inner .feature-cards .feature-item:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .about-page .about-company .section-inner .flex-row .flex-column { height: unset; width: 100%; } .about-page .about-company .section-inner .company-photo { width: 100%; border-radius: 8px; margin-bottom: 20px; } .about-page .about-company .section-inner .company-media .company-photos { flex-flow: column nowrap; height: unset; } .about-page .join-us .section-inner .flex-row { flex-flow: column-reverse nowrap; } .about-page .join-us .section-inner .flex-row img { width: 100vw; height: 170px; object-fit: cover; margin-top: 30px; } .about-page .join-us .section-inner .flex-row .text-part { text-align: center; } .about-page .join-us .section-inner .flex-row .text-part p { text-align: center; } .about-page .events { padding-bottom: 70px; } .about-page .events .section-inner .mobile-event-wrap { display: flex; flex-flow: row nowrap; margin-top: 40px; } .about-page .events .section-inner .y-axis { width: 14px; border-left: 1px solid #C4C9D9; display: flex; flex-flow: column nowrap; } .about-page .events .section-inner .y-axis .year { border-top: 1px solid #C4C9D9; } .about-page .events .section-inner .y-axis .year h3 { font-weight: bold; font-size: 21px; color: #C4C9D9; position: relative; top: -16px; left: 20px; } .about-page .events .section-inner .y-axis .year.year-2016 { height: 260px; } .about-page .events .section-inner .y-axis .year.year-2017 { height: 160px; } .about-page .events .section-inner .y-axis .year.year-2018 { height: 380px; } .about-page .events .section-inner .y-axis .year.year-2020 { height: 165px; } .about-page .events .section-inner .y-axis .year.year-2021 { height: 151px; } .about-page .events .section-inner .y-axis .year.year-2022 { height: 220px; } .about-page .events .section-inner .mobile-big-events { flex: 1; position: relative; } .about-page .events .section-inner .mobile-big-events .event-line { position: absolute; display: flex; flex-flow: row nowrap; align-items: flex-start; left: -12px; } .about-page .events .section-inner .mobile-big-events .event-line .line { width: 30px; border-bottom: 1px dashed #C4C9D9; } .about-page .events .section-inner .mobile-big-events .event-line .line:after { content: ' '; position: absolute; left: 30px; top: -2px; width: 5px; height: 5px; background-color: #C4C9D9; border-radius: 50%; } .about-page .events .section-inner .mobile-big-events .event-line .event-desc { position: relative; left: 20px; top: -10px; width: 250px; padding-top: 3px; } .about-page .events .section-inner .mobile-big-events .event-line .event-desc .date { font-size: 15px; line-height: 15px; color: #43454F; font-weight: 300; } .about-page .events .section-inner .mobile-big-events .event-line .event-desc .event-title { margin-top: 7px; } .about-page .events .section-inner .mobile-big-events .event-line .event-desc .event-title span, .about-page .events .section-inner .mobile-big-events .event-line .event-desc .event-title a { font-size: 15px; color: #43454F; font-weight: 500; font-weight: 300; } .about-page .events .section-inner .mobile-big-events .event-line .event-desc .event-title img { margin-left: 5px; } } .connect-container { display: flex; flex-direction: row; align-items: center; justify-content: center; align-self: center; max-width: 1024px; margin: 80px auto; } .connect-container .header-image { display: flex; align-items: center; justify-content: center; } .connect-container .header-image img { width: 400px; } .connect-container .connect-content { flex: 1; max-width: 380px; } .connect-container .connect-content .title { margin-top: 12px; font-size: 24px; font-weight: 700; line-height: 140%; color: #111d4a; } .connect-container .connect-content .detail { white-space: pre-line; margin-top: 12px; font-size: 16px; font-weight: 500; color: rgba(17, 29, 74, 0.6); } .connect-container .connect-content .button { margin-top: 30px; margin-bottom: 60px; flex: 1; display: flex; height: 52px; justify-content: center; align-items: center; background: #007fff; border-radius: 16px; } .connect-container .connect-content .button .button-title { color: white; font-size: 14px; font-weight: 600; } @media (max-width: 1024px) { .connect-container { flex-direction: column; margin: 60px auto; } .connect-container .header-image { height: 274px; overflow: hidden; align-items: flex-start; } .connect-container .header-image img { width: 100%; } .connect-container .connect-content { padding: 0 34px 0 34px; max-width: none; } .connect-container .connect-content .title { margin-top: 26px; font-size: 20px; } .connect-container .connect-content .detail { font-size: 14px; font-weight: 400; } } .careers-page .navbar-placeholder { height: 80px; } .careers-page .join { width: 100%; height: 282px; background-color: #fafbfc; } .careers-page .join .join-inner { width: 1024px; margin: 0 auto; padding: 100px 0; position: relative; padding: 0; height: 282px; } @media only screen and (max-width: 1024px) { .careers-page .join .join-inner { width: 100%; padding: 80px 1em; } } .careers-page .join .join-inner .content { position: absolute; top: 60px; right: 0; } .careers-page .join .join-inner .title { font-size: 34px; font-weight: 300; line-height: 1.41; color: #11293b; } .careers-page .join .join-inner .jobs { display: inline-block; min-width: 158px; border-radius: 4px; background-color: #098de6; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); color: #fff; font-size: 18px; font-weight: normal; text-decoration: none; transition: all 0.15s ease; padding: 10px 40px; text-align: center; margin-top: 24px; } .careers-page .join .join-inner .jobs:hover { transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } .careers-page .join .join-inner .icon { position: absolute; bottom: 0; left: 0; } .careers-page .about { width: 780px; margin: 0 auto; padding: 100px 0; } @media only screen and (max-width: 1024px) { .careers-page .about { width: 100%; padding: 80px 1em; } } .careers-page .about article { margin-bottom: 60px; } .careers-page .about article:last-child { margin-bottom: 0; } .careers-page .about article .title { font-size: 36px; font-weight: 300; line-height: 1.28; text-align: center; color: #11293b; margin-bottom: 20px; text-align: left; margin-bottom: 12px; padding: 0 !important; } @media only screen and (max-width: 1024px) { .careers-page .about article .title { font-size: 32px; padding: 0 16px; } } .careers-page .about article .subhead { font-weight: normal; margin-top: 30px; margin-bottom: 10px; } .careers-page .about article .desc { font-size: 16px; font-weight: 300; line-height: 1.68; color: #63727d; text-align: left; margin: 0; } .careers-page .office { width: 100%; background-color: #363c4d; background-image: url(https://token.im/_next/static/images/map-90163ebb75e68ef379698174f3135b8a.svg); background-size: contain; } .careers-page .office .title { font-size: 36px; font-weight: 300; line-height: 1.28; text-align: center; color: #fff; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .careers-page .office .title { font-size: 32px; padding: 0 16px; } } .careers-page .office .desc { width: 860px; font-size: 20px; font-weight: 300; font-style: normal; line-height: 1.68; text-align: center; color: #c2c8cc; margin: 0 auto; width: 100%; margin-bottom: 42px; font-size: 18px; } @media only screen and (max-width: 1024px) { .careers-page .office .desc { width: 100%; font-size: 18px; } } .careers-page .office .card-container { width: 660px; margin: 0 auto; padding: 100px 0; } @media only screen and (max-width: 1024px) { .careers-page .office .card-container { width: 100%; padding: 80px 1em; } } .careers-page .office .card-container .swiper-container { border-radius: 4px; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5); background-color: #fff; } .careers-page .office .card-container .swiper-wrapper .card { display: flex; padding: 50px 45px; background-color: #fff; } .careers-page .office .card-container .swiper-wrapper .card .pic { width: 260px; height: 150px; border-radius: 4px; } .careers-page .office .card-container .swiper-wrapper .card .content { margin-left: 36px; padding-top: 4px; } .careers-page .office .card-container .swiper-wrapper .card .content .title { font-size: 18px; font-weight: normal; line-height: 1.33; color: #11293b; margin-bottom: 6px; margin-bottom: 24px; text-align: left; } .careers-page .office .card-container .swiper-wrapper .card .content .desc { font-size: 14px; font-weight: 300; color: #949ea6; line-height: 1.43; text-align: left; margin-bottom: 0; } .careers-page .office .card-container .swiper-pagination-bullet { width: 5px; height: 5px; border-radius: 50%; background-color: #c2c8cc; } .careers-page .office .card-container .swiper-pagination-bullet-active { opacity: 1; background-color: #363c4d; } .careers-page .jobs .jobs-inner { width: 824px; margin: 0 auto; padding: 100px 0; } @media only screen and (max-width: 1024px) { .careers-page .jobs .jobs-inner { width: 100%; padding: 80px 1em; } } .careers-page .jobs .jobs-inner .title { font-size: 36px; font-weight: 300; line-height: 1.28; text-align: center; color: #11293b; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .careers-page .jobs .jobs-inner .title { font-size: 32px; padding: 0 16px; } } .careers-page .jobs .jobs-inner .desc { width: 860px; font-size: 20px; font-weight: 300; font-style: normal; line-height: 1.68; text-align: center; color: #344857; margin: 0 auto; } @media only screen and (max-width: 1024px) { .careers-page .jobs .jobs-inner .desc { width: 100%; font-size: 18px; } } .careers-page .jobs .jobs-inner .careers { display: flex; margin-top: 50px; } .careers-page .jobs aside { width: 250px; } .careers-page .jobs aside nav { display: flex; flex-direction: column; } .careers-page .jobs aside nav .position-type { font-size: 16px; font-weight: normal; text-decoration: none; color: #979da1; margin-bottom: 18px; cursor: pointer; } .careers-page .jobs aside nav .position-type:hover, .careers-page .jobs aside nav .position-type.active { color: #11293b; } .careers-page .jobs main { flex: 1; } .careers-page .jobs main .position-item { position: relative; border-radius: 4px; border: solid 1px #e9ebee; padding: 0 30px; margin-bottom: 20px; height: 118px; display: flex; justify-content: center; flex-direction: column; cursor: pointer; } .careers-page .jobs main .position-item.hide { display: none; } .careers-page .jobs main .position-item .position { font-size: 16px; line-height: 22px; font-weight: 500; color: #098de6; position: relative; } .careers-page .jobs main .position-item .position .hot { width: 24px; height: 24px; position: absolute; display: inline-block; top: -1px; margin-left: 8px; } .careers-page .jobs main .position-item .location { display: flex; align-items: center; margin-top: 10px; } .careers-page .jobs main .position-item .location .location-item { display: flex; align-items: center; margin-right: 16px; } .careers-page .jobs main .position-item .location .location-item .region { margin-right: 6px; } .careers-page .jobs main .position-item .location .location-item p { font-size: 16px; font-weight: normal; color: #979da1; margin: 0; } .careers-page .jobs main .position-item .entry { position: absolute; right: 20px; top: 55px; } .careers-page .jobs main .unsolicited.hide { display: none; } .careers-page .jobs main .unsolicited .unsolicited-title { font-size: 20px; color: #11293b; line-height: 24px; margin: 0; font-weight: normal; } .careers-page .jobs main .unsolicited p { font-size: 16px; line-height: 28px; color: #63727d; margin: 30px 0; font-weight: 300; } .careers-page .jobs main .unsolicited p .email { font-weight: 400; text-decoration: none; font-size: 18px; line-height: 28px; color: #098de6; margin-left: 4px; } @media (max-width: 890px) { .careers-page .join .join-inner { padding: 60px 1em; background-image: url(https://token.im/_next/static/images/joinUs-bg-0ac0554aad17c803e985466132246b30.png); background-size: cover; } .careers-page .join .join-inner .content { position: initial; } .careers-page .join .join-inner .content .title { font-size: 28px; font-weight: 300; line-height: 1.5; color: #11293b; } .careers-page .join .join-inner .icon { display: none; } } @media (max-width: 660px) { .careers-page .office .card-container .swiper-wrapper .card { padding: 0; flex-direction: column; } .careers-page .office .card-container .swiper-wrapper .card .pic { width: 100%; height: 57%; border-radius: 0; } .careers-page .office .card-container .swiper-wrapper .card .content { padding: 30px 10px; margin: 0; } .careers-page .office .card-container .swiper-wrapper .card .content .title { padding: 0; margin-bottom: 10px; } .careers-page .office .card-container .swiper-wrapper .card .content .desc { margin-bottom: 20px; } } @media (max-width: 824px) { .careers-page .jobs .jobs-inner .careers { flex-direction: column; } .careers-page .jobs .jobs-inner .careers aside { width: 100%; } .careers-page .jobs .jobs-inner .careers aside nav { display: flex; flex-direction: row; margin-bottom: 36px; } .careers-page .jobs .jobs-inner .careers aside nav .position-type { height: 30px; border-radius: 6px; background-color: #fafbfc; border: solid 1px #f2f4f5; color: #63727d; font-size: 12px; line-height: 30px; padding: 0 10px; margin-right: 10px; margin-bottom: 0; } .careers-page .jobs .jobs-inner .careers aside nav .position-type.active { background-color: #363c4d; color: #fff; } .careers-page .jobs .jobs-inner .careers main .position-item { height: 86px; padding: 0 10px; margin-bottom: 16px; } .careers-page .jobs .jobs-inner .careers main .position-item .location .location-item p { font-size: 14px; } .careers-page .jobs .jobs-inner .careers main .position-item .entry { top: 39px; } } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 9999; } .modal__container { background-color: #fff; width: 740px; border-radius: 4px; box-sizing: border-box; } .modal__container .modal__header { display: flex; justify-content: space-between; align-items: center; height: 90px; padding: 0 40px; } .modal__container .modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #098de6; box-sizing: border-box; } .modal__container .modal__close { background: transparent; border: 0; outline: none; } .modal__container .modal__header .modal__close:before { content: "\2715"; } .modal__container .modal__content { padding: 0 40px; line-height: 1.5; color: rgba(0, 0, 0, 0.8); max-height: 380px; overflow-y: auto; } .modal__container .modal__content .modal__content__title { font-size: 18px; font-weight: 500; line-height: 1; color: #11293b; border-left: 3px solid #0084ff; padding-left: 10px; margin-bottom: 12px; } .modal__container .modal__content ul { padding-left: 1em; margin-bottom: 2em; margin-top: 0; } .modal__container .modal__content ul li { font-size: 14px; font-weight: normal; line-height: 1.57; letter-spacing: normal; color: #344857; } .modal__container .modal__footer { border-top: 0.5px solid #d8d8d8; padding: 28px 0; text-align: center; } .modal__container .modal__btn { font-size: 0.875rem; padding-left: 3rem; padding-right: 3rem; padding-top: 0.8rem; padding-bottom: 0.8rem; background-color: #098de6; box-shadow: 0 2px 8px 0 #e6e8eb; color: #fff; border-radius: 0.25rem; border-style: none; border-width: 0; cursor: pointer; text-transform: none; text-decoration: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .modal__container .modal__btn:focus, .modal__container .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .modal__container .modal__btn-primary { background-color: #098de6; color: #fff; } @media (max-width: 740px) { .modal__container { width: 90%; } .modal__container .modal__header { height: 70px; padding: 0 16px; } .modal__container .modal__content { padding: 0 16px; } } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } .article-page .content { width: 860px; margin: 0 auto; padding-bottom: 100px; } .article-page .content .article-title { text-align: left; font-size: 32px; margin: 0; margin-top: 25px; margin-bottom: 25px; } .article-page .content h2 { font-size: 27px; line-height: 38px; color: #1a1a1a; margin: 1em 0; } .article-page .content h3 { margin-bottom: 1em; font-weight: 400; } .article-page .content .updated-at { font-size: 15px; line-height: 22px; color: #8992b1; margin-top: 13px; } .article-page .content .article-body { margin-top: 15px; border-top: 1px solid #eaecf6; } .article-page .content .article-body .wysiwyg-text-align-center { text-align: center; } @media (max-width: 860px) { .article-page .content { width: 100%; padding: 0 20px 100px 20px; } .article-page .content span { word-break: break-all; } .article-page .content .article-body iframe { max-width: 100%; height: unset; } .article-page .content .article-body em span { word-break: break-all; } .article-page .content .article-body ul { word-break: break-all; max-width: 100%; } .article-page .content .article-body p { max-width: 100%; word-break: break-all; } } .faq-page .content { width: 1168px; margin: 0 auto; } .faq-page .content h1 { font-size: 32px; line-height: 37px; color: #383838; font-weight: 500; } .faq-page .content .sections { padding-top: 60px; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; } .faq-page .content .section { width: 320px; padding-bottom: 60px; } .faq-page .content .section a { display: block; font-weight: normal; } .faq-page .content .section .section-title { font-size: 17px; line-height: 24px; color: #383838; margin-bottom: 20px; } .faq-page .content .section .article-title { font-size: 15px; line-height: 24px; color: #098DE5; margin: 15px 0; } .faq-page .content .section .article-title:hover { text-decoration: underline; } @media (max-width: 860px) { .faq-page .content { width: 100%; padding: 0 20px; } .faq-page .content .section { width: 100%; padding-right: 0; padding-bottom: 40px; } .faq-page .content .section .section-title { margin-bottom: 10px; font-size: 18px; } .faq-page .content .section .article-title { margin: 0; padding: 10px 0; border-bottom: 1px solid #EAECF6; font-size: 15px; } } .blog-page .content { width: 1168px; margin: 0 auto; padding-bottom: 80px; } .blog-page .content h1 { font-size: 32px; line-height: 37px; color: #383838; } .blog-page .content .blog-text { margin-top: 25px; } .blog-page .content .articles { padding-top: 40px; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; } .blog-page .content .article-card { display: block; background: #FFFFFF; box-shadow: 0px 2px 12px rgba(214, 214, 214, 0.5); border-radius: 8px; width: 362px; height: 440px; margin-bottom: 40px; position: relative; margin-right: 25px; transition: all 0.3s ease; } .blog-page .content .article-card:hover { transform: translateY(-5px); } .blog-page .content .article-card img { border-radius: 8px; width: 100%; height: 180px; object-fit: cover; } .blog-page .content .article-card .card-content { padding: 20px; } .blog-page .content .article-card .card-content .title { font-size: 20px; line-height: 30px; color: #1A1A1A; font-weight: 500; } .blog-page .content .article-card .card-content .updated-at { font-size: 11px; line-height: 13px; color: #666666; position: absolute; bottom: 20px; } .blog-page .content .article-card .card-content .article-body { margin-top: 15px; font-weight: 300; height: 96px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: wrap; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14px; line-height: 24px; color: #1A1A1A; } .blog-page .content .article-card .card-content .article-body em span { word-break: break-all; } .blog-page .content .load-more { display: flex; align-items: center; justify-content: center; margin-top: 70px; } .blog-page .content .load-more .button { display: inline-block; background: #098DE6; box-shadow: 0px 2px 8px #E6E8EB; border-radius: 4px; padding: 8px 43px; cursor: pointer; } .blog-page .content .load-more p { font-size: 18px; line-height: 21px; letter-spacing: -0.128571px; color: #FFFFFF; margin-bottom: 0; } @media (max-width: 860px) { .blog-page .content { padding: 0 1rem; width: 100%; } .blog-page .content .articles { padding-top: 10px; } .blog-page .content .article-card { width: calc(100vw - 2em); margin-right: 0; } .blog-page .content .load-more { margin-top: 40px; padding-bottom: 85px; } } .chain-page p { font-weight: 300; } .chain-page .assets-banner { background: #fafbfc; height: 280px; } .chain-page .assets-banner .assets-content { width: 1100px; padding: 0 50px 0 0; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } .chain-page .assets-banner .assets-content > div { position: relative; max-width: 500px; } .chain-page .assets-banner .assets-content .assets-title { font-size: 32px; line-height: 45px; color: #191c1e; font-weight: normal; } .chain-page .assets-banner .assets-content .assets-desc { margin-top: 4px; margin-bottom: 20px; font-size: 21px; line-height: 36px; color: #606d83; } .chain-page .endline { border: 0.5px solid #f4f6f9; margin-top: 60px; } .chain-page .sidenav { height: max-content; display: flex; } .chain-page .sidenav .divider { border: 0.5px solid #e1e6ea; transform: scaleX(0.5); } .chain-page .sidenav ul { list-style: none; height: fit-content; margin: 0; } .chain-page .sidenav ul li { width: 220px; height: 48px; display: flex; align-items: center; margin-top: 4px; } .chain-page .sidenav ul li img { width: 24px; height: 24px; margin: 0 12px 0 15px; } .chain-page .sidenav ul li span { font-size: 17px; color: #606d83; } .chain-page .sidenav ul li:hover:not(.title-li) { background: rgba(70, 139, 223, 0.1); border-radius: 8px; } .chain-page .sidenav ul .select-li { background: rgba(70, 139, 223, 0.1); border-radius: 8px; } .chain-page .sidenav ul .select-li span { color: #468bdf; } .chain-page .sidenav ul .title-li { height: auto; margin-top: 0px; margin-bottom: 16px; padding-right: 10px; } .chain-page .sidenav ul .title-li span { font-size: 21px; color: #43454f; } .chain-page .bread { margin: 0 0 30px 0; } .chain-page .article { padding: 0 0 60px 0; } .chain-page .article .content { width: 860px; margin: 0 auto; } .chain-page .article .content .article-title { text-align: left; margin-bottom: 40px; font-size: 32px; } .chain-page .article .content h2 { font-size: 27px; line-height: 38px; color: #1a1a1a; margin: 1em 0; } .chain-page .article .content h3 { margin-bottom: 1em; font-weight: 400; } .chain-page .article-pc { padding: 46px 0 0 0; position: relative; display: flex; justify-content: center; } .chain-page .article-pc .content-pc { width: 860px; margin: 2px 0 0 48px; } .chain-page .article-pc .content-pc .article-title { text-align: left; font-size: 32px; margin: 0; margin-bottom: 40px; } .chain-page .article-pc .content-pc h2 { font-size: 27px; line-height: 38px; color: #1a1a1a; margin: 1em 0; } .chain-page .article-pc .content-pc h3 { margin-bottom: 1em; font-weight: 400; } @media (max-width: 860px) { .chain-page .article .content { width: 100%; padding: 0px 15px; } .chain-page .article-body { max-width: 100%; word-break: break-all; } .chain-page .article-body ul { word-break: break-all; max-width: 100%; } .chain-page .article-body p { max-width: 100%; word-break: break-all; } } .brand-page .navbar-placeholder { height: 80px; } .brand-page .desc-section { background: #468BDF; padding: 124px 0 96px 0; } .brand-page .desc-section .desc-inner { width: 100%; max-width: 1168px; margin: 0 auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .brand-page .desc-section .desc-inner .o-download { display: inline-block; width: 145px; height: 46px; border: 1px solid white; box-sizing: border-box; border-radius: 8px; line-height: 46px; text-align: center; color: white; margin-top: 20px; } .brand-page .desc-section .desc-inner .o-download:hover { background: white; color: #468BDF; } .brand-page .desc-section .desc-inner img { height: 400px; } .brand-page .desc-section .desc-inner div { max-width: 450px; padding-right: 30px; } .brand-page .desc-section .desc-inner div p { color: white; } .brand-page .desc-section .desc-inner div p.title { font-size: 32px; } .brand-page .desc-section .desc-inner div p.subtitle { font-size: 17px; line-height: 30px; font-weight: 300; } .brand-page .desc-section .desc-inner div a.link-hover { color: white !important; margin-top: 10px; opacity: 0.9; } .brand-page .desc-section .desc-inner div a.link-hover:hover { color: white !important; opacity: 1; } .brand-page .desc-section .desc-inner div a.link-hover:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgMTRMMTEuMjUgOS41TDYuNzUgNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); } .brand-page .tokenlon-template, .brand-page .tokenfans-template, .brand-page .imkey-template, .brand-page .banner-template { padding-top: 55px; padding-bottom: 100px; } .brand-page .tokenlon-template .section-inner .title, .brand-page .tokenfans-template .section-inner .title, .brand-page .imkey-template .section-inner .title, .brand-page .banner-template .section-inner .title { font-size: 32px; margin-bottom: 15px; } .brand-page .tokenlon-template .section-inner .subtitle, .brand-page .tokenfans-template .section-inner .subtitle, .brand-page .imkey-template .section-inner .subtitle, .brand-page .banner-template .section-inner .subtitle { margin-bottom: 15px; } .brand-page .tokenlon-template .section-inner .o-download, .brand-page .tokenfans-template .section-inner .o-download, .brand-page .imkey-template .section-inner .o-download, .brand-page .banner-template .section-inner .o-download { display: inline-block; width: 145px; height: 48px; border: 1px solid #43454F; box-sizing: border-box; border-radius: 8px; line-height: 48px; text-align: center; color: #43454F; margin-top: 20px; } .brand-page .tokenlon-template .section-inner .o-download:hover, .brand-page .tokenfans-template .section-inner .o-download:hover, .brand-page .imkey-template .section-inner .o-download:hover, .brand-page .banner-template .section-inner .o-download:hover { background: #43454F; color: white; } .brand-page .tokenlon-template { background: #F6F8FB; } .brand-page .tokenlon-template .section-inner .flex-row { flex-direction: row-reverse; } .brand-page .imkey-template { background: #F6F8FB; } .brand-page .imkey-template .section-inner .flex-row { flex-direction: row-reverse; } .brand-page .banner-template .section-inner .capable-version { font-size: 15px; line-height: 27px; color: #43454F; margin-top: 10px; } @media (max-width: 960px) { .brand-page .desc-section { padding: 80px 25px 75px 25px; } .brand-page .desc-section .desc-inner { flex-flow: column; } .brand-page .desc-section .desc-inner img { width: 100%; height: unset; margin-bottom: 40px; } .brand-page .desc-section .desc-inner div { padding-right: 0; } .brand-page .desc-section .desc-inner div p.title { font-size: 25px; } .brand-page .desc-section .desc-inner div p.subtitle { font-size: 15px; line-height: 32px; } .brand-page .tokenlon-template, .brand-page .tokenfans-template, .brand-page .imkey-template, .brand-page .banner-template { padding-top: 0; padding-bottom: 40px; } .brand-page .tokenlon-template .section-inner, .brand-page .tokenfans-template .section-inner, .brand-page .imkey-template .section-inner, .brand-page .banner-template .section-inner { padding: 0 10px; } .brand-page .tokenlon-template .section-inner .flex-row, .brand-page .tokenfans-template .section-inner .flex-row, .brand-page .imkey-template .section-inner .flex-row, .brand-page .banner-template .section-inner .flex-row { margin-top: 20px; flex-flow: column; align-items: center; justify-content: center; flex-direction: column; } .brand-page .tokenlon-template .section-inner .flex-row img, .brand-page .tokenfans-template .section-inner .flex-row img, .brand-page .imkey-template .section-inner .flex-row img, .brand-page .banner-template .section-inner .flex-row img { width: 100%; } .brand-page .tokenlon-template .section-inner .flex-row .text-part, .brand-page .tokenfans-template .section-inner .flex-row .text-part, .brand-page .imkey-template .section-inner .flex-row .text-part, .brand-page .banner-template .section-inner .flex-row .text-part { padding: 20px 15px 0 15px; } .brand-page .tokenlon-template .section-inner .flex-row .text-part .title, .brand-page .tokenfans-template .section-inner .flex-row .text-part .title, .brand-page .imkey-template .section-inner .flex-row .text-part .title, .brand-page .banner-template .section-inner .flex-row .text-part .title { font-size: 25px; } .brand-page .tokenlon-template .section-inner .flex-row .text-part .subtitle, .brand-page .tokenfans-template .section-inner .flex-row .text-part .subtitle, .brand-page .imkey-template .section-inner .flex-row .text-part .subtitle, .brand-page .banner-template .section-inner .flex-row .text-part .subtitle { font-size: 17px; } .brand-page .tokenlon-template .section-inner .flex-row .text-part .o-download, .brand-page .tokenfans-template .section-inner .flex-row .text-part .o-download, .brand-page .imkey-template .section-inner .flex-row .text-part .o-download, .brand-page .banner-template .section-inner .flex-row .text-part .o-download { margin-top: 25px; } } .stablecoins-page p { margin-bottom: 0; color: #777A8C; } .stablecoins-page .feature-row { width: 700px !important; justify-content: space-between !important; margin: auto; margin-top: 45px; } .stablecoins-page .navbar-placeholder { height: 80px; } .stablecoins-page .block-imtoken_info { display: flex; align-items: center; } .stablecoins-page .block-imtoken_info-block { margin-left: 80px; display: flex; margin-right: 160px; } .stablecoins-page .transfer-amount { margin-right: 80px; } .stablecoins-page section { width: 100%; display: flex; flex-flow: column nowrap; align-items: center; justify-content: flex-start; } .stablecoins-page section .wrapper { max-width: 1168px; width: 100%; display: flex; flex-flow: column; align-items: center; } .stablecoins-page section .wrapper h1 { font-size: 32px; line-height: 35px; text-align: center; letter-spacing: 2px; color: #363C4C; font-weight: normal; } .stablecoins-page section .wrapper .h1-desc { font-size: 19px; line-height: 35px; text-align: center; color: #11293B; font-weight: 300; } .stablecoins-page .common-banner .banner-inner { background: rgba(17, 209, 186, 0.1); } .stablecoins-page .common-banner .banner-inner .learn-more { margin-top: 10px; } .stablecoins-page .common-banner .banner-inner .learn-more img { position: relative; top: -1px; } .stablecoins-page .support { background: #35C9B7; } .stablecoins-page .support .section-inner .title { color: white; } .stablecoins-page .support .section-inner .list { display: flex; flex-flow: row wrap; margin-top: 3.5rem; } .stablecoins-page .support .section-inner .list a, .stablecoins-page .support .section-inner .list div { display: inline-block; width: 150px; height: 206px; background: white; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); border-radius: 8px; text-align: center; padding: 1.8rem 0; margin-right: 0.8rem; margin-bottom: 1rem; } .stablecoins-page .support .section-inner .list a img, .stablecoins-page .support .section-inner .list div img { width: 4rem; height: 4rem; } .stablecoins-page .support .section-inner .list a p, .stablecoins-page .support .section-inner .list div p { margin-top: 1.8rem; font-size: 25px; line-height: 26px; letter-spacing: 2px; color: #363C4D; font-weight: 400; } .stablecoins-page .support .section-inner .list > div { margin-right: 0; } .stablecoins-page .support .section-inner .list a:hover { background: #F6F8FB; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); } .stablecoins-page .support .section-inner .list div p { color: rgba(54, 60, 77, 0.2); } .stablecoins-page .data .section-inner .h1-desc { margin-top: 0.4rem; } .stablecoins-page .data .section-inner .list { margin-top: 1.6rem; width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .stablecoins-page .data .section-inner .list > div { box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); border-radius: 12px; display: flex; flex-flow: row nowrap; align-items: flex-end; padding: 40px 50px 20px 50px; min-width: 560px; justify-content: space-between; position: relative; } .stablecoins-page .data .section-inner .list > div .title { font-size: 32px; letter-spacing: 2px; font-weight: 300; text-align: left; margin-bottom: 40px; color: #777A8C; } .stablecoins-page .data .section-inner .list > div .key { font-size: 19px; line-height: 26px; font-weight: 300; margin-bottom: 0; } .stablecoins-page .data .section-inner .list > div .value { letter-spacing: 2px; font-weight: 400; margin-top: 0px; font-size: 45px; color: #43454F; margin-bottom: 35px; } .stablecoins-page .data .section-inner .list > div .value-small { font-size: 32px; color: #43454F; margin-bottom: 10px; } .stablecoins-page .data .section-inner .list > div img { width: 115px; height: 115px; position: absolute; right: 1rem; bottom: 1rem; } .stablecoins-page .imtoken { background: #F6F8FB; } .stablecoins-page .imtoken .section-inner .flex-row .flex-column { width: 300px; } .stablecoins-page .about { border-bottom: 1px solid #E1E6EA; } .stablecoins-page .about .section-inner .ant-collapse { border: 0; margin-top: 36px; } .stablecoins-page .about .section-inner .ant-collapse .ant-collapse-item { background: white; padding: 8px 0; border-color: #F3F3F4; } .stablecoins-page .about .section-inner .ant-collapse .ant-collapse-item:first-child { border-top: 1px solid #F3F3F4; } .stablecoins-page .about .section-inner .ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-content { border-top: 0; } .stablecoins-page .about .section-inner .ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-content-box { font-size: 17px; line-height: 26px; letter-spacing: 1px; color: #777A8C; } .stablecoins-page .about .section-inner .ant-collapse .ant-collapse-item .ant-collapse-header { font-size: 21px; line-height: 35px; color: #43454F; } .stablecoins-page .about .section-inner .ant-collapse .ant-collapse-item .ant-collapse-header i { color: #43454F; font-size: 20px; opacity: 0.7; } @media (max-width: 980px) { .stablecoins-page section .wrapper { padding: 0 1rem; } .stablecoins-page section .wrapper h1 { font-size: 1.75rem; font-weight: 500; } .stablecoins-page section .wrapper .list { flex-flow: column nowrap; } .stablecoins-page .feature-row { width: auto !important; } .stablecoins-page .block-imtoken_info { display: block; } .stablecoins-page .block-imtoken_info-block { margin: 0; display: block; } .stablecoins-page .transfer-amount { margin-right: 0; } .stablecoins-page .support .section-inner { padding: 0 20px; } .stablecoins-page .support .section-inner .title { text-align: center; } .stablecoins-page .support .section-inner p.desc { font-size: 15px; line-height: 26px; letter-spacing: 2px; color: rgba(54, 60, 77, 0.5); margin-top: 0.5rem; } .stablecoins-page .support .section-inner .list { flex-flow: row wrap; justify-content: center; margin-top: 2.25rem; } .stablecoins-page .support .section-inner .list a { width: 140px; height: 170px; margin: 0 0.5rem 1rem 0.5rem; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; padding: 0; } .stablecoins-page .support .section-inner .list a img { width: 48px !important; height: 48px !important; } .stablecoins-page .support .section-inner .list a p { margin-top: 1rem; font-size: 15px; line-height: 15px; letter-spacing: 1.17082px; color: #363C4D; } .stablecoins-page .support .section-inner .list > div { display: none; } .stablecoins-page .data { padding-bottom: 50px; } .stablecoins-page .data .section-inner .title { text-align: center; } .stablecoins-page .data .section-inner .list { flex-flow: column nowrap; } .stablecoins-page .data .section-inner .list > div { width: 100%; padding: 2rem 1.5rem 1.5rem 1.5rem; margin-bottom: 1.25rem; min-width: unset; } .stablecoins-page .data .section-inner .list > div p.title { font-size: 25px; margin-bottom: 30px; } .stablecoins-page .data .section-inner .list > div p.key { font-size: 15px; margin-top: 1.5rem; } .stablecoins-page .data .section-inner .list > div p.value { font-size: 32px; margin-bottom: 25px; } .stablecoins-page .data .section-inner .list > div p.value-small { margin-bottom: 0; } .stablecoins-page .data .section-inner .list > div img { width: 75px; height: 75px; margin-left: 1rem; } .stablecoins-page .about { border-bottom: 0; } .stablecoins-page .about .section-inner .title { text-align: center; } .stablecoins-page .about .section-inner .ant-collapse .ant-collapse-item { padding: 0; } .stablecoins-page .about .section-inner .ant-collapse .ant-collapse-item .ant-collapse-header { font-size: 17px; } .stablecoins-page .about .section-inner .ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-content-box { font-size: 15px; line-height: 26px; padding: 0 16px; } } .security-wrapper .security_banner-container { padding: 55px 0; border: 0.5px solid #E1E6EA; } .security-wrapper .security_banner { width: 1200px; display: flex; justify-content: space-between; border-bottom: 0.5px solid #EBF0F4; border-top: 0.5px solid #EBF0F4; padding: 70px 107px 72px 102px; background: linear-gradient(180deg, #F5FAFF 0%, #F5FAFF 100%); border-radius: 24px; margin: auto; } .security-wrapper .security_banner .security_banner-title { font-family: PingFang SC, sans-serif; font-size: 32px; line-height: 32px; letter-spacing: 2px; color: #191C1E; margin-top: 80px; } .security-wrapper .security_banner .security_banner-desc { font-family: PingFang SC, sans-serif; font-size: 21px; line-height: 32px; color: #777A8C; margin-top: 20px; } .security-wrapper .risk_work_off_wrapper { margin-top: 45.5px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .security-wrapper .security_contact-with-us { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 54px; } .security-wrapper .security_contact_blocks { width: 1018px; justify-content: space-between; display: flex; align-items: center; margin-top: 20px; margin-bottom: 133px; } @media (max-width: 860px) { .security-wrapper .security_banner-container { padding: 0; border: none; } .security-wrapper .security_banner { width: 100%; background: transparent; flex-direction: column; align-items: center; text-align: center; border: none; padding: 0; padding-top: 55px; padding-bottom: 60px; } .security-wrapper .security_banner .security_banner-title { font-size: 25px; margin-top: 0; } .security-wrapper .security_banner .security_banner-desc { font-size: 17px; margin-bottom: 48px; margin-top: 4px; } .security-wrapper .security_banner .security_banner-img { width: 60%; } .security-wrapper .risk_work_off_wrapper { position: relative; padding: 0 15px; } .security-wrapper .risk_work_off_wrapper .security_mobile-bg { width: 100%; position: absolute; left: 0; top: -40px; z-index: -1; } .security-wrapper .security_contact_blocks { flex-direction: column; width: 100%; margin-bottom: 57px; margin-top: 0; } .security-wrapper .security_contact-with-us { padding: 0 15px; } } .fake-app-wrapper .fake-app_breadcrumb { width: 1168px; margin: 30px auto 54px auto; } .fake-app-wrapper .fake-app_header { border-bottom: 0.5px solid #EBF0F4; } .fake-app-wrapper .fake-app_banner { width: 1018px; height: 262px; background: linear-gradient(180deg, #F5FAFF 0%, #F5FAFF 100%); border-radius: 24px; display: flex; flex-direction: column; align-items: flex-start; padding: 63px 50px; margin: auto; overflow: hidden; position: relative; } .fake-app-wrapper .fake-app_banner .fake-app_shield-bg { position: absolute; right: 30px; width: 280px; top: -25px; } .fake-app-wrapper .fake-app_banner .fake-app_banner-title { font-size: 32px; line-height: 32px; text-align: center; color: #191C1E; margin-bottom: 20px; } .fake-app-wrapper .fake-app_banner .fake-app_official-download { font-weight: 500 !important; } .fake-app-wrapper .fake-app_banner .marker { width: 5px; height: 5px; border-radius: 1000px; background: #9598AB; margin-right: 10px; flex-shrink: 0; margin-top: 13px; } .fake-app-wrapper .fake-app_banner .fake-app_desc { font-weight: 300; font-size: 17px; line-height: 28px; color: #9598AB; display: flex; max-width: 656px; } .fake-app-wrapper .real-time-communication_action-button { width: 150px; height: 45px; background: #538CD9; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 24px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; cursor: pointer; } .fake-app-wrapper .real-time-communication_action-button:hover { background: #468BDF; } .fake-app-wrapper .risk-type-box { border: 1px solid #EEEFF0; border-radius: 8px; margin-top: 20px; margin-bottom: 110px; } .fake-app-wrapper .risk-type-box .risk-header { cursor: pointer; padding: 30px; font-weight: 500; font-size: 21px; line-height: 26px; color: #43454F; display: flex; justify-content: space-between; align-items: center; transition: 0.3s background; } .fake-app-wrapper .risk-type-box .risk-header__expand { transition: 0.2s all; transform: rotate(-90deg); } .fake-app-wrapper .risk-type-box .risk-header__unexpand { transition: 0.2s all; transform: rotate(0deg); } .fake-app-wrapper .risk-type-box .no-assets { border-top: 1px solid #EEEFF0; } .fake-app-wrapper .risk-type-box .no-assets:hover { background: #FAFAFA; } .fake-app-wrapper .risk-type-box .has-assets-body { padding-left: 20px; } .fake-app-wrapper .risk-type-box .has-assets-body .has-assets-body_item { font-weight: 400; font-size: 21px; line-height: 29px; color: #468BDF; margin-top: 20px; } .fake-app-wrapper .risk-type-box .has-assets-body .has-assets-body_item .has-assets_link:hover { text-decoration: underline; } .fake-app-wrapper .fake-app_contact-block { margin-top: 90px; } .fake-app-wrapper .risk-work-off { margin-top: 90px; } .fake-app-wrapper .fake-app-container { width: 1018px; margin: auto; } @media (max-width: 860px) { .fake-app-wrapper .fake-app_breadcrumb { margin: 30px 0 35.5px 0; padding: 0 15px; width: 100%; } .fake-app-wrapper .fake-app_contact-block { position: relative; padding: 0 15px; margin-top: 0; } .fake-app-wrapper .fake-app_mobile-bg { position: absolute; width: 100%; z-index: -1; left: 0; top: -40px; } .fake-app-wrapper .fake-app-container { width: 100%; overflow: hidden; } .fake-app-wrapper .fake-app-container .fake-app_banner { width: 100%; background: transparent; padding: 0; padding: 0 15px; } .fake-app-wrapper .fake-app-container .fake-app_banner .fake-app_shield-bg { display: none; } .fake-app-wrapper .fake-app-container .fake-app_banner .marker { display: none; } .fake-app-wrapper .fake-app-container .fake-app_banner .fake-app_banner-title { font-size: 25px; } .fake-app-wrapper .fake-app-container .fake-app_banner .fake-app_official-download { font-weight: 400 !important; } .fake-app-wrapper .risk-work-off { padding: 0 15px; } .fake-app-wrapper .risk-type-box .risk-header { font-size: 15px; padding: 17px 15px !important; } .fake-app-wrapper .risk-type-box .has-assets-body { padding-left: 5px; } .fake-app-wrapper .risk-type-box .has-assets-body .has-assets-body_item { font-size: 15px; line-height: 20px; color: #468BDF; margin-top: 20px; } } .assets-menu-page { display: flex; min-height: 90vh; flex-direction: column; } .assets-menu-page ul { list-style: none; padding: 0 0 60px 0; } .assets-menu-page ul li { padding: 16px 16px 16px 16px; display: flex; justify-content: space-between; } .assets-menu-page ul li img { width: 24px; height: 24px; } .assets-menu-page ul li span { margin-left: 12px; font-size: 15px; color: #606d83; } .assets-menu-page ul li:hover { background: rgba(70, 139, 223, 0.1); } .assets-menu-page ul li:hover span { color: #468bdf; } .assets-menu-page ul .title-li span { margin-left: 0; font-weight: 600; } .assets-menu-page ul .divider { border: 0.5px solid #f4f5f9; } .assets-menu-page .footer-wrapper { margin-top: auto; } .feature-wrapper { width: 696px; margin: auto; } .flex-row { display: flex; flex-flow: row nowrap; align-items: center; } .flex-column { display: flex; flex-flow: column nowrap; } .qrcode-popover .ant-popover-inner { border-radius: 8px; } .ant-btn-primary { box-shadow: unset !important; text-shadow: unset !important; } .ant-btn-primary span { box-shadow: unset !important; text-shadow: unset !important; } p { margin-bottom: 0; } .link-hover { color: #777a8c !important; } .link-hover span { color: #777a8c; } .link-hover img { opacity: 0.5; } .link-hover:hover { color: #191C1E !important; } .link-hover:hover span { color: #191C1E; } .link-hover:hover img { opacity: 1; } .i-title { font-size: 32px; line-height: 42px; color: #191C1E; } .i-subtitle { font-size: 21px; line-height: 30px; color: #777A8C; } @media (max-width: 860px) { .feature-wrapper { width: auto; } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-popover { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: absolute; top: 0; left: 0; z-index: 1030; font-weight: normal; white-space: normal; text-align: left; cursor: auto; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .ant-popover::after { position: absolute; background: rgba(255, 255, 255, 0.01); content: ''; } .ant-popover-hidden { display: none; } .ant-popover-placement-top, .ant-popover-placement-topLeft, .ant-popover-placement-topRight { padding-bottom: 10px; } .ant-popover-placement-right, .ant-popover-placement-rightTop, .ant-popover-placement-rightBottom { padding-left: 10px; } .ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight { padding-top: 10px; } .ant-popover-placement-left, .ant-popover-placement-leftTop, .ant-popover-placement-leftBottom { padding-right: 10px; } .ant-popover-inner { background-color: #fff; background-clip: padding-box; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-popover { /* IE10+ */ } .ant-popover-inner { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } } .ant-popover-title { min-width: 177px; min-height: 32px; margin: 0; padding: 5px 16px 4px; color: rgba(0, 0, 0, 0.85); font-weight: 500; border-bottom: 1px solid #e8e8e8; } .ant-popover-inner-content { padding: 12px 16px; color: rgba(0, 0, 0, 0.65); } .ant-popover-message { position: relative; padding: 4px 0 12px; color: rgba(0, 0, 0, 0.65); font-size: 14px; } .ant-popover-message > .anticon { position: absolute; top: 8px; color: #faad14; font-size: 14px; } .ant-popover-message-title { padding-left: 22px; } .ant-popover-buttons { margin-bottom: 4px; text-align: right; } .ant-popover-buttons button { margin-left: 8px; } .ant-popover-arrow { position: absolute; display: block; width: 8.48528137px; height: 8.48528137px; background: transparent; border-style: solid; border-width: 4.24264069px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow { bottom: 6.2px; border-top-color: transparent; border-right-color: #fff; border-bottom-color: #fff; border-left-color: transparent; -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow { left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow { left: 16px; } .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow { right: 16px; } .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow { left: 6px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: #fff; border-left-color: #fff; -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow { top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow { top: 12px; } .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow { bottom: 12px; } .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow { top: 6px; border-top-color: #fff; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #fff; -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); } .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow { left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow { left: 16px; } .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow { right: 16px; } .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow { right: 6px; border-top-color: #fff; border-right-color: #fff; border-bottom-color: transparent; border-left-color: transparent; -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow { top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow { top: 12px; } .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow { bottom: 12px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-btn { line-height: 1.499; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; -webkit-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); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; height: 32px; padding: 0 15px; font-size: 14px; border-radius: 4px; 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-box-shadow: none; box-shadow: none; } .ant-btn.disabled, .ant-btn[disabled] { cursor: not-allowed; } .ant-btn.disabled > *, .ant-btn[disabled] > * { pointer-events: none; } .ant-btn-lg { height: 40px; padding: 0 15px; font-size: 16px; border-radius: 4px; } .ant-btn-sm { height: 24px; padding: 0 7px; font-size: 14px; border-radius: 4px; } .ant-btn > a:only-child { color: currentColor; } .ant-btn > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus { color: #40a9ff; background-color: #fff; border-color: #40a9ff; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:active, .ant-btn.active { color: #096dd9; background-color: #fff; border-color: #096dd9; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-disabled, .ant-btn.disabled, .ant-btn[disabled], .ant-btn-disabled:hover, .ant-btn.disabled:hover, .ant-btn[disabled]:hover, .ant-btn-disabled:focus, .ant-btn.disabled:focus, .ant-btn[disabled]:focus, .ant-btn-disabled:active, .ant-btn.disabled:active, .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: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-disabled > a:only-child, .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]:hover > a:only-child, .ant-btn-disabled:focus > 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, .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] > a:only-child::after, .ant-btn-disabled:hover > 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]: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, .ant-btn.disabled.active > a:only-child::after, .ant-btn[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn.active { text-decoration: none; background: #fff; } .ant-btn > i, .ant-btn > span { display: inline-block; -webkit-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); pointer-events: none; } .ant-btn-primary { color: #fff; background-color: #1890ff; border-color: #1890ff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-primary > a:only-child { color: currentColor; } .ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:hover, .ant-btn-primary:focus { color: #fff; background-color: #40a9ff; border-color: #40a9ff; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:active, .ant-btn-primary.active { color: #fff; background-color: #096dd9; border-color: #096dd9; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary-disabled, .ant-btn-primary.disabled, .ant-btn-primary[disabled], .ant-btn-primary-disabled:hover, .ant-btn-primary.disabled:hover, .ant-btn-primary[disabled]:hover, .ant-btn-primary-disabled:focus, .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, .ant-btn-primary.disabled.active, .ant-btn-primary[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-primary-disabled > a:only-child, .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]:hover > a:only-child, .ant-btn-primary-disabled:focus > 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, .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] > 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]: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]: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, .ant-btn-primary.disabled.active > a:only-child::after, .ant-btn-primary[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { border-right-color: #40a9ff; border-left-color: #40a9ff; } .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: #40a9ff; } .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: #40a9ff; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:hover, .ant-btn-ghost:focus { color: #40a9ff; background-color: transparent; border-color: #40a9ff; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:active, .ant-btn-ghost.active { color: #096dd9; background-color: transparent; border-color: #096dd9; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost-disabled, .ant-btn-ghost.disabled, .ant-btn-ghost[disabled], .ant-btn-ghost-disabled:hover, .ant-btn-ghost.disabled:hover, .ant-btn-ghost[disabled]:hover, .ant-btn-ghost-disabled:focus, .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, .ant-btn-ghost.disabled.active, .ant-btn-ghost[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-ghost-disabled > a:only-child, .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]:hover > a:only-child, .ant-btn-ghost-disabled:focus > 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, .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] > 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]: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]: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, .ant-btn-ghost.disabled.active > a:only-child::after, .ant-btn-ghost[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:hover, .ant-btn-dashed:focus { color: #40a9ff; background-color: #fff; border-color: #40a9ff; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:active, .ant-btn-dashed.active { color: #096dd9; background-color: #fff; border-color: #096dd9; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed-disabled, .ant-btn-dashed.disabled, .ant-btn-dashed[disabled], .ant-btn-dashed-disabled:hover, .ant-btn-dashed.disabled:hover, .ant-btn-dashed[disabled]:hover, .ant-btn-dashed-disabled:focus, .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, .ant-btn-dashed.disabled.active, .ant-btn-dashed[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-dashed-disabled > a:only-child, .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]:hover > a:only-child, .ant-btn-dashed-disabled:focus > 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, .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] > 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]: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]: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, .ant-btn-dashed.disabled.active > a:only-child::after, .ant-btn-dashed[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger { color: #fff; background-color: #ff4d4f; border-color: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-danger > a:only-child { color: currentColor; } .ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:hover, .ant-btn-danger:focus { color: #fff; background-color: #ff7875; border-color: #ff7875; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:active, .ant-btn-danger.active { color: #fff; background-color: #d9363e; border-color: #d9363e; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger-disabled, .ant-btn-danger.disabled, .ant-btn-danger[disabled], .ant-btn-danger-disabled:hover, .ant-btn-danger.disabled:hover, .ant-btn-danger[disabled]:hover, .ant-btn-danger-disabled:focus, .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, .ant-btn-danger.disabled.active, .ant-btn-danger[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-danger-disabled > a:only-child, .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]:hover > a:only-child, .ant-btn-danger-disabled:focus > 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, .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] > 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]: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]: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, .ant-btn-danger.disabled.active > a:only-child::after, .ant-btn-danger[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link { color: #1890ff; background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-link > a:only-child { color: currentColor; } .ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover, .ant-btn-link:focus { color: #40a9ff; background-color: transparent; border-color: #40a9ff; } .ant-btn-link:hover > a:only-child, .ant-btn-link:focus > a:only-child { color: currentColor; } .ant-btn-link:hover > a:only-child::after, .ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:active, .ant-btn-link.active { color: #096dd9; background-color: transparent; border-color: #096dd9; } .ant-btn-link:active > a:only-child, .ant-btn-link.active > a:only-child { color: currentColor; } .ant-btn-link:active > a:only-child::after, .ant-btn-link.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link-disabled, .ant-btn-link.disabled, .ant-btn-link[disabled], .ant-btn-link-disabled:hover, .ant-btn-link.disabled:hover, .ant-btn-link[disabled]:hover, .ant-btn-link-disabled:focus, .ant-btn-link.disabled:focus, .ant-btn-link[disabled]:focus, .ant-btn-link-disabled:active, .ant-btn-link.disabled:active, .ant-btn-link[disabled]:active, .ant-btn-link-disabled.active, .ant-btn-link.disabled.active, .ant-btn-link[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-link-disabled > a:only-child, .ant-btn-link.disabled > a:only-child, .ant-btn-link[disabled] > a:only-child, .ant-btn-link-disabled:hover > a:only-child, .ant-btn-link.disabled:hover > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link-disabled:focus > a:only-child, .ant-btn-link.disabled:focus > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link-disabled:active > a:only-child, .ant-btn-link.disabled:active > a:only-child, .ant-btn-link[disabled]:active > a:only-child, .ant-btn-link-disabled.active > a:only-child, .ant-btn-link.disabled.active > a:only-child, .ant-btn-link[disabled].active > a:only-child { color: currentColor; } .ant-btn-link-disabled > a:only-child::after, .ant-btn-link.disabled > a:only-child::after, .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link-disabled:hover > a:only-child::after, .ant-btn-link.disabled:hover > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link-disabled:focus > a:only-child::after, .ant-btn-link.disabled:focus > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link-disabled:active > a:only-child::after, .ant-btn-link.disabled:active > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after, .ant-btn-link-disabled.active > a:only-child::after, .ant-btn-link.disabled.active > a:only-child::after, .ant-btn-link[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active { border-color: transparent; } .ant-btn-link-disabled, .ant-btn-link.disabled, .ant-btn-link[disabled], .ant-btn-link-disabled:hover, .ant-btn-link.disabled:hover, .ant-btn-link[disabled]:hover, .ant-btn-link-disabled:focus, .ant-btn-link.disabled:focus, .ant-btn-link[disabled]:focus, .ant-btn-link-disabled:active, .ant-btn-link.disabled:active, .ant-btn-link[disabled]:active, .ant-btn-link-disabled.active, .ant-btn-link.disabled.active, .ant-btn-link[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: transparent; border-color: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-link-disabled > a:only-child, .ant-btn-link.disabled > a:only-child, .ant-btn-link[disabled] > a:only-child, .ant-btn-link-disabled:hover > a:only-child, .ant-btn-link.disabled:hover > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link-disabled:focus > a:only-child, .ant-btn-link.disabled:focus > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link-disabled:active > a:only-child, .ant-btn-link.disabled:active > a:only-child, .ant-btn-link[disabled]:active > a:only-child, .ant-btn-link-disabled.active > a:only-child, .ant-btn-link.disabled.active > a:only-child, .ant-btn-link[disabled].active > a:only-child { color: currentColor; } .ant-btn-link-disabled > a:only-child::after, .ant-btn-link.disabled > a:only-child::after, .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link-disabled:hover > a:only-child::after, .ant-btn-link.disabled:hover > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link-disabled:focus > a:only-child::after, .ant-btn-link.disabled:focus > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link-disabled:active > a:only-child::after, .ant-btn-link.disabled:active > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after, .ant-btn-link-disabled.active > a:only-child::after, .ant-btn-link.disabled.active > a:only-child::after, .ant-btn-link[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-icon-only { width: 32px; height: 32px; padding: 0; font-size: 16px; border-radius: 4px; } .ant-btn-icon-only.ant-btn-lg { width: 40px; height: 40px; padding: 0; font-size: 18px; border-radius: 4px; } .ant-btn-icon-only.ant-btn-sm { width: 24px; height: 24px; padding: 0; font-size: 14px; border-radius: 4px; } .ant-btn-icon-only > i { vertical-align: middle; } .ant-btn-round { height: 32px; padding: 0 16px; font-size: 14px; border-radius: 32px; } .ant-btn-round.ant-btn-lg { height: 40px; padding: 0 20px; font-size: 16px; border-radius: 40px; } .ant-btn-round.ant-btn-sm { height: 24px; padding: 0 12px; font-size: 14px; border-radius: 24px; } .ant-btn-round.ant-btn-icon-only { width: auto; } .ant-btn-circle, .ant-btn-circle-outline { min-width: 32px; padding-right: 0; padding-left: 0; text-align: center; border-radius: 50%; } .ant-btn-circle.ant-btn-lg, .ant-btn-circle-outline.ant-btn-lg { min-width: 40px; border-radius: 50%; } .ant-btn-circle.ant-btn-sm, .ant-btn-circle-outline.ant-btn-sm { min-width: 24px; border-radius: 50%; } .ant-btn::before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; display: none; background: #fff; border-radius: inherit; opacity: 0.35; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; content: ''; pointer-events: none; } .ant-btn .anticon { -webkit-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 .anticon.anticon-plus > svg, .ant-btn .anticon.anticon-minus > svg { shape-rendering: optimizeSpeed; } .ant-btn.ant-btn-loading { position: relative; } .ant-btn.ant-btn-loading:not([disabled]) { pointer-events: none; } .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; } .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) { 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, .ant-btn-group > span > .ant-btn { position: relative; } .ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:hover, .ant-btn-group > .ant-btn:focus, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > .ant-btn:active, .ant-btn-group > span > .ant-btn:active, .ant-btn-group > .ant-btn.active, .ant-btn-group > span > .ant-btn.active { z-index: 2; } .ant-btn-group > .ant-btn:disabled, .ant-btn-group > span > .ant-btn:disabled { z-index: 0; } .ant-btn-group > .ant-btn-icon-only { font-size: 14px; } .ant-btn-group-lg > .ant-btn, .ant-btn-group-lg > span > .ant-btn { height: 40px; padding: 0 15px; font-size: 16px; border-radius: 0; line-height: 38px; } .ant-btn-group-lg > .ant-btn.ant-btn-icon-only { width: 40px; height: 40px; padding-right: 0; padding-left: 0; } .ant-btn-group-sm > .ant-btn, .ant-btn-group-sm > span > .ant-btn { height: 24px; padding: 0 7px; font-size: 14px; border-radius: 0; line-height: 22px; } .ant-btn-group-sm > .ant-btn > .anticon, .ant-btn-group-sm > span > .ant-btn > .anticon { font-size: 14px; } .ant-btn-group-sm > .ant-btn.ant-btn-icon-only { width: 24px; height: 24px; padding-right: 0; padding-left: 0; } .ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group span + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group > span + span, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group { margin-left: -1px; } .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { border-left-color: transparent; } .ant-btn-group .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn { margin-left: 0; } .ant-btn-group > .ant-btn:only-child { border-radius: 4px; } .ant-btn-group > span:only-child > .ant-btn { border-radius: 4px; } .ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ant-btn-group-sm > .ant-btn:only-child { border-radius: 4px; } .ant-btn-group-sm > span:only-child > .ant-btn { border-radius: 4px; } .ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .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 { padding-right: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { padding-left: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn:focus > span, .ant-btn:active > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 8px; } .ant-btn-background-ghost { color: #fff; background: transparent !important; border-color: #fff; } .ant-btn-background-ghost.ant-btn-primary { color: #1890ff; background-color: transparent; border-color: #1890ff; text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:hover, .ant-btn-background-ghost.ant-btn-primary:focus { color: #40a9ff; background-color: transparent; border-color: #40a9ff; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:active, .ant-btn-background-ghost.ant-btn-primary.active { color: #096dd9; background-color: transparent; border-color: #096dd9; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary-disabled, .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]: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]: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, .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: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .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] > 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]: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]: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, .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] > 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]: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]: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, .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger { color: #ff4d4f; background-color: transparent; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:hover, .ant-btn-background-ghost.ant-btn-danger:focus { color: #ff7875; background-color: transparent; border-color: #ff7875; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:active, .ant-btn-background-ghost.ant-btn-danger.active { color: #d9363e; background-color: transparent; border-color: #d9363e; } .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger-disabled, .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]: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]: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, .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: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .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] > 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]: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]: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, .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] > 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]: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]: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, .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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-link { color: #1890ff; background-color: transparent; border-color: transparent; text-shadow: none; color: #fff; } .ant-btn-background-ghost.ant-btn-link > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-link:hover, .ant-btn-background-ghost.ant-btn-link:focus { color: #40a9ff; background-color: transparent; border-color: transparent; } .ant-btn-background-ghost.ant-btn-link:hover > a:only-child, .ant-btn-background-ghost.ant-btn-link:focus > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-link:active, .ant-btn-background-ghost.ant-btn-link.active { color: #096dd9; background-color: transparent; border-color: transparent; } .ant-btn-background-ghost.ant-btn-link:active > a:only-child, .ant-btn-background-ghost.ant-btn-link.active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-link-disabled, .ant-btn-background-ghost.ant-btn-link.disabled, .ant-btn-background-ghost.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-link-disabled:hover, .ant-btn-background-ghost.ant-btn-link.disabled:hover, .ant-btn-background-ghost.ant-btn-link[disabled]:hover, .ant-btn-background-ghost.ant-btn-link-disabled:focus, .ant-btn-background-ghost.ant-btn-link.disabled:focus, .ant-btn-background-ghost.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-link-disabled:active, .ant-btn-background-ghost.ant-btn-link.disabled:active, .ant-btn-background-ghost.ant-btn-link[disabled]:active, .ant-btn-background-ghost.ant-btn-link-disabled.active, .ant-btn-background-ghost.ant-btn-link.disabled.active, .ant-btn-background-ghost.ant-btn-link[disabled].active { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-link-disabled > a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled > a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child, .ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child, .ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child, .ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after, .ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after, .ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; } .ant-btn-two-chinese-chars > *:not(.anticon) { margin-right: -0.34em; letter-spacing: 0.34em; } .ant-btn-block { width: 100%; } .ant-btn:empty { vertical-align: top; } a.ant-btn { padding-top: 0.1px; line-height: 30px; } a.ant-btn-lg { line-height: 38px; } a.ant-btn-sm { line-height: 22px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-menu { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-size: 14px; font-variant: tabular-nums; line-height: 1.5; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; margin-bottom: 0; padding-left: 0; color: rgba(0, 0, 0, 0.65); line-height: 0; list-style: none; background: #fff; outline: none; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); -webkit-transition: background 0.3s, width 0.2s; transition: background 0.3s, width 0.2s; zoom: 1; } .ant-menu::before, .ant-menu::after { display: table; content: ''; } .ant-menu::after { clear: both; } .ant-menu ul, .ant-menu ol { margin: 0; padding: 0; list-style: none; } .ant-menu-hidden { display: none; } .ant-menu-item-group-title { padding: 8px 16px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5; -webkit-transition: all 0.3s; transition: all 0.3s; } .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); 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-submenu-selected { color: #1890ff; } .ant-menu-item:active, .ant-menu-submenu-title:active { background: #e6f7ff; } .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); 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: #1890ff; } .ant-menu-item > a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; content: ''; } .ant-menu-item > .ant-badge > a { color: rgba(0, 0, 0, 0.65); } .ant-menu-item > .ant-badge > a:hover { color: #1890ff; } .ant-menu-item-divider { height: 1px; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .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: #1890ff; } .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: #1890ff; } .ant-menu-item-selected > a, .ant-menu-item-selected > a:hover { color: #1890ff; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #e6f7ff; } .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left { border-right: 1px solid #e8e8e8; } .ant-menu-vertical-right { border-left: 1px solid #e8e8e8; } .ant-menu-vertical.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub { min-width: 160px; padding: 0; border-right: 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-left.ant-menu-sub .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-vertical.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after { border-right: 0; } .ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .ant-menu-horizontal.ant-menu-sub { min-width: 114px; } .ant-menu-item, .ant-menu-submenu-title { position: relative; display: block; margin: 0; padding: 0 20px; white-space: nowrap; cursor: pointer; -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); 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 .anticon, .ant-menu-submenu-title .anticon { min-width: 14px; margin-right: 10px; font-size: 14px; -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); 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 { opacity: 1; -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); 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); } .ant-menu > .ant-menu-item-divider { height: 1px; margin: 1px 0; padding: 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-menu-submenu-popup { position: absolute; z-index: 1050; background: #fff; border-radius: 4px; } .ant-menu-submenu-popup .submenu-title-wrapper { padding-right: 20px; } .ant-menu-submenu-popup::before { position: absolute; top: -7px; right: 0; bottom: 0; left: 0; opacity: 0.0001; content: ' '; } .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); 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 .ant-menu-submenu-arrow, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow { position: absolute; top: 50%; right: 16px; width: 10px; -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); 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 .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { position: absolute; width: 6px; height: 1.5px; background: #fff; background: rgba(0, 0, 0, 0.65) \9; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)); background-image: none \9; border-radius: 2px; -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 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: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 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: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ''; } .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { -webkit-transform: rotate(45deg) translateY(-2px); -ms-transform: rotate(45deg) translateY(-2px); transform: rotate(45deg) translateY(-2px); } .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { -webkit-transform: rotate(-45deg) translateY(2px); -ms-transform: rotate(-45deg) translateY(2px); transform: rotate(-45deg) translateY(2px); } .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after, .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before { background: -webkit-gradient(linear, left top, right top, from(#1890ff), to(#1890ff)); background: linear-gradient(to right, #1890ff, #1890ff); } .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { -webkit-transform: rotate(-45deg) translateX(2px); -ms-transform: rotate(-45deg) translateX(2px); transform: rotate(-45deg) translateX(2px); } .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { -webkit-transform: rotate(45deg) translateX(-2px); -ms-transform: rotate(45deg) translateX(-2px); transform: rotate(45deg) translateX(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { -webkit-transform: rotate(-45deg) translateX(-2px); -ms-transform: rotate(-45deg) translateX(-2px); transform: rotate(-45deg) translateX(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { -webkit-transform: rotate(45deg) translateX(2px); -ms-transform: rotate(45deg) translateX(2px); transform: rotate(45deg) translateX(2px); } .ant-menu-vertical .ant-menu-submenu-selected, .ant-menu-vertical-left .ant-menu-submenu-selected, .ant-menu-vertical-right .ant-menu-submenu-selected { color: #1890ff; } .ant-menu-vertical .ant-menu-submenu-selected > a, .ant-menu-vertical-left .ant-menu-submenu-selected > a, .ant-menu-vertical-right .ant-menu-submenu-selected > a { color: #1890ff; } .ant-menu-horizontal { line-height: 46px; white-space: nowrap; border: 0; border-bottom: 1px solid #e8e8e8; -webkit-box-shadow: none; box-shadow: none; } .ant-menu-horizontal > .ant-menu-item, .ant-menu-horizontal > .ant-menu-submenu { position: relative; top: 1px; display: inline-block; vertical-align: bottom; 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 { color: #1890ff; border-bottom: 2px solid #1890ff; } .ant-menu-horizontal > .ant-menu-item > a { display: block; color: rgba(0, 0, 0, 0.65); } .ant-menu-horizontal > .ant-menu-item > a:hover { color: #1890ff; } .ant-menu-horizontal > .ant-menu-item > a::before { bottom: -2px; } .ant-menu-horizontal > .ant-menu-item-selected > a { color: #1890ff; } .ant-menu-horizontal::after { display: block; clear: both; height: 0; content: ' '; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item { position: relative; } .ant-menu-vertical .ant-menu-item::after, .ant-menu-vertical-left .ant-menu-item::after, .ant-menu-vertical-right .ant-menu-item::after, .ant-menu-inline .ant-menu-item::after { position: absolute; top: 0; right: 0; bottom: 0; border-right: 3px solid #1890ff; -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); 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); content: ''; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { height: 40px; margin-top: 4px; margin-bottom: 4px; padding: 0 16px; overflow: hidden; font-size: 14px; line-height: 40px; text-overflow: ellipsis; } .ant-menu-vertical .ant-menu-submenu, .ant-menu-vertical-left .ant-menu-submenu, .ant-menu-vertical-right .ant-menu-submenu, .ant-menu-inline .ant-menu-submenu { padding-bottom: 0.02px; } .ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child), .ant-menu-inline .ant-menu-item:not(:last-child) { margin-bottom: 8px; } .ant-menu-vertical > .ant-menu-item, .ant-menu-vertical-left > .ant-menu-item, .ant-menu-vertical-right > .ant-menu-item, .ant-menu-inline > .ant-menu-item, .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; } .ant-menu-inline { width: 100%; } .ant-menu-inline .ant-menu-selected::after, .ant-menu-inline .ant-menu-item-selected::after { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; -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); 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); } .ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title { width: calc(100% + 1px); } .ant-menu-inline .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline-collapsed { width: 80px; } .ant-menu-inline-collapsed > .ant-menu-item, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title { left: 0; padding: 0 32px !important; text-overflow: clip; } .ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow { display: none; } .ant-menu-inline-collapsed > .ant-menu-item .anticon, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon { margin: 0; font-size: 16px; line-height: 40px; } .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-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span { display: inline-block; max-width: 0; 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.85); } .ant-menu-inline-collapsed .ant-menu-item-group-title { padding-right: 4px; padding-left: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-menu-item-group-list { margin: 0; padding: 0; } .ant-menu-item-group-list .ant-menu-item, .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 16px 0 28px; } .ant-menu-root.ant-menu-vertical, .ant-menu-root.ant-menu-vertical-left, .ant-menu-root.ant-menu-vertical-right, .ant-menu-root.ant-menu-inline { -webkit-box-shadow: none; box-shadow: none; } .ant-menu-sub.ant-menu-inline { padding: 0; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; list-style-position: inside; list-style-type: disc; } .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; background: none; border-color: transparent !important; cursor: not-allowed; } .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-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(0, 0, 0, 0.25) !important; } .ant-menu-dark, .ant-menu-dark .ant-menu-sub { color: rgba(255, 255, 255, 0.65); background: #001529; } .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0.45; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark.ant-menu-submenu-popup { background: transparent; } .ant-menu-dark .ant-menu-inline.ant-menu-sub { background: #000c17; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset; } .ant-menu-dark.ant-menu-horizontal { border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { top: 0; margin-top: 0; border-color: #001529; border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before { bottom: 0; } .ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a { color: rgba(255, 255, 255, 0.65); } .ant-menu-dark.ant-menu-inline, .ant-menu-dark.ant-menu-vertical, .ant-menu-dark.ant-menu-vertical-left, .ant-menu-dark.ant-menu-vertical-right { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-vertical .ant-menu-item, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title { width: 100%; } .ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open, .ant-menu-dark .ant-menu-submenu-selected, .ant-menu-dark .ant-menu-submenu-title:hover { color: #fff; background-color: transparent; } .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 .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:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow { opacity: 1; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark .ant-menu-item:hover { background-color: transparent; } .ant-menu-dark .ant-menu-item-selected { color: #fff; border-right: 0; } .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-dark .ant-menu-item-selected .anticon { color: #fff; } .ant-menu-dark .ant-menu-item-selected .anticon + span { color: #fff; } .ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected { background-color: #1890ff; } .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 { color: rgba(255, 255, 255, 0.35) !important; opacity: 0.8; } .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; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: 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 no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tooltip { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: absolute; z-index: 1060; display: block; max-width: 250px; visibility: visible; } .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 { min-width: 30px; min-height: 32px; padding: 6px 8px; color: #fff; text-align: left; text-decoration: none; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.75); border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-tooltip-arrow { position: absolute; display: block; width: 13.07106781px; height: 13.07106781px; overflow: hidden; background: transparent; pointer-events: none; } .ant-tooltip-arrow::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 5px; height: 5px; margin: auto; background-color: rgba(0, 0, 0, 0.75); content: ''; pointer-events: auto; } .ant-tooltip-placement-top .ant-tooltip-arrow, .ant-tooltip-placement-topLeft .ant-tooltip-arrow, .ant-tooltip-placement-topRight .ant-tooltip-arrow { bottom: -5.07106781px; } .ant-tooltip-placement-top .ant-tooltip-arrow::before, .ant-tooltip-placement-topLeft .ant-tooltip-arrow::before, .ant-tooltip-placement-topRight .ant-tooltip-arrow::before { -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); -webkit-transform: translateY(-6.53553391px) rotate(45deg); -ms-transform: translateY(-6.53553391px) rotate(45deg); transform: translateY(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-top .ant-tooltip-arrow { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ant-tooltip-placement-topLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-topRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-placement-right .ant-tooltip-arrow, .ant-tooltip-placement-rightTop .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { left: -5.07106781px; } .ant-tooltip-placement-right .ant-tooltip-arrow::before, .ant-tooltip-placement-rightTop .ant-tooltip-arrow::before, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before { -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); -webkit-transform: translateX(6.53553391px) rotate(45deg); -ms-transform: translateX(6.53553391px) rotate(45deg); transform: translateX(6.53553391px) rotate(45deg); } .ant-tooltip-placement-right .ant-tooltip-arrow { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ant-tooltip-placement-rightTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-left .ant-tooltip-arrow, .ant-tooltip-placement-leftTop .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { right: -5.07106781px; } .ant-tooltip-placement-left .ant-tooltip-arrow::before, .ant-tooltip-placement-leftTop .ant-tooltip-arrow::before, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before { -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); -webkit-transform: translateX(-6.53553391px) rotate(45deg); -ms-transform: translateX(-6.53553391px) rotate(45deg); transform: translateX(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-left .ant-tooltip-arrow { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ant-tooltip-placement-leftTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { top: -5.07106781px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow::before, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before { -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); -webkit-transform: translateY(6.53553391px) rotate(45deg); -ms-transform: translateY(6.53553391px) rotate(45deg); transform: translateY(6.53553391px) rotate(45deg); } .ant-tooltip-placement-bottom .ant-tooltip-arrow { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { right: 13px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-dropdown { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-dropdown::before { position: absolute; top: -7px; right: 0; bottom: -7px; left: -7px; z-index: -9999; opacity: 0.0001; content: ' '; } .ant-dropdown-wrap { position: relative; } .ant-dropdown-wrap .ant-btn > .anticon-down { display: inline-block; font-size: 12px; font-size: 10px \9; -webkit-transform: scale(0.83333333) rotate(0deg); -ms-transform: scale(0.83333333) rotate(0deg); transform: scale(0.83333333) rotate(0deg); } :root .ant-dropdown-wrap .ant-btn > .anticon-down { font-size: 12px; } .ant-dropdown-wrap .anticon-down::before { -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .ant-dropdown-wrap-open .anticon-down::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-hidden { display: none; } .ant-dropdown-menu { position: relative; margin: 0; padding: 4px 0; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 4px; outline: none; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, 0, 0); } .ant-dropdown-menu-item-group-title { padding: 5px 12px; color: rgba(0, 0, 0, 0.45); -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; } .ant-dropdown-menu-submenu-popup > .ant-dropdown-menu { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-menu-submenu-popup li { list-style: none; } .ant-dropdown-menu-submenu-popup ul { margin-right: 0.3em; margin-left: 0.3em; padding: 0; } .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title { clear: both; margin: 0; padding: 5px 12px; color: rgba(0, 0, 0, 0.65); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-menu-submenu-title > span > .anticon:first-child { min-width: 12px; margin-right: 8px; font-size: 12px; } .ant-dropdown-menu-item > a, .ant-dropdown-menu-submenu-title > a { display: block; margin: -5px -12px; padding: 5px 12px; color: rgba(0, 0, 0, 0.65); -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected, .ant-dropdown-menu-item-selected > a, .ant-dropdown-menu-submenu-title-selected > a { color: #1890ff; background-color: #e6f7ff; } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover { background-color: #e6f7ff; } .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider { height: 1px; margin: 4px 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow { position: absolute; right: 8px; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.45); font-style: normal; display: inline-block; font-size: 12px; font-size: 10px \9; -webkit-transform: scale(0.83333333) rotate(0deg); -ms-transform: scale(0.83333333) rotate(0deg); transform: scale(0.83333333) rotate(0deg); } :root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, :root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { font-size: 12px; } .ant-dropdown-menu-item-group-list { margin: 0 8px; padding: 0; list-style: none; } .ant-dropdown-menu-submenu-title { padding-right: 26px; } .ant-dropdown-menu-submenu-vertical { position: relative; } .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { position: absolute; top: 0; left: 100%; min-width: 100%; margin-left: 4px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { color: #1890ff; } .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down { display: inline-block; font-size: 12px; font-size: 10px \9; -webkit-transform: scale(0.83333333) rotate(0deg); -ms-transform: scale(0.83333333) rotate(0deg); transform: scale(0.83333333) rotate(0deg); } :root .ant-dropdown-trigger > .anticon.anticon-down, :root .ant-dropdown-link > .anticon.anticon-down { font-size: 12px; } .ant-dropdown-button { white-space: nowrap; } .ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) { padding-right: 8px; padding-left: 8px; } .ant-dropdown-button .anticon.anticon-down { display: inline-block; font-size: 12px; font-size: 10px \9; -webkit-transform: scale(0.83333333) rotate(0deg); -ms-transform: scale(0.83333333) rotate(0deg); transform: scale(0.83333333) rotate(0deg); } :root .ant-dropdown-button .anticon.anticon-down { font-size: 12px; } .ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu { background: #001529; } .ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover { color: #fff; background: transparent; } .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { color: #fff; background: #1890ff; } .ant-dropdown-menu-item > a, .ant-dropdown-menu-submenu-title > a { margin: -10px -12px; padding: 0 10px 10px 10px; } .ant-dropdown-menu-item:first-child a { padding-top: 10px; } .ant-dropdown-menu-item:hover { background: unset; } .nav-menu { padding: 10px 0; border-radius: 8px; } .nav-menu.coins-menu .ant-dropdown-menu-item:nth-last-of-type(2) .menu-item > div { border-bottom: 0; } .nav-menu .ant-dropdown-menu-item { padding-top: 0; padding-bottom: 0; } .nav-menu .ant-dropdown-menu-item:last-child .menu-item > div { border-bottom: 0; } .menu-item { width: 380px; padding: 0 20px; display: flex; flex-flow: row nowrap; align-items: flex-start; } .menu-item:hover { background: #f2f4f5; border-radius: 8px; } .menu-item img { margin-top: 20px; width: 20px; } .menu-item > div { width: 310px; margin-left: 20px; padding: 20px 0; border-bottom: 0.5px solid #e1e6ea; } .menu-item .item-title { font-size: 17px; color: #43454f; margin-bottom: 4px; font-weight: 400; } .menu-item .item-subtitle { font-size: 15px; color: #777a8c; margin-bottom: 4px; white-space: normal; font-weight: 300; } .coins-menu { width: 635px; display: flex; flex-flow: row wrap; } .coins-menu .ant-dropdown-menu-item { width: 310px; } .coins-menu .ant-dropdown-menu-item .menu-item { width: 300px; } .coins-menu .ant-dropdown-menu-item .menu-item img { margin-top: 25px; } #navbar-links > div { display: flex; flex-flow: row nowrap; align-items: center; } #navbar-links .tokenlon { display: flex; align-items: center; justify-content: center; margin: 0 16px; } #navbar-links .tokenlon span { font-size: 15px; } #navbar-links .tokenlon img { margin-left: 4px; opacity: 1; } @media (max-width: 860px) { .common-navbar-wrapper { width: 100%; position: sticky; top: 0; z-index: 10; } } .card-pre-register-link { display: inline-block; line-height: 16px; padding: 8px 16px; margin: 8px 12px; font-weight: normal; text-decoration: none; cursor: pointer; position: relative; } .card-pre-register-link:hover { background: rgba(25, 28, 30, 0.1); border-radius: 8px; color: #191c1e; font-weight: normal !important; } .card-pre-register__badge { transform: scale(0.8); display: inline-block; padding: 4px 8px; white-space: nowrap; border-radius: 100px; line-height: 16px; color: white; background-color: #d84435; } .card-pre-register__badge.absolute { position: absolute; right: 0px; top: 0px; transform-origin: right; transform: scale(0.8) translateX(50%) translateY(-30%); } .staking-menu-item { height: 59.81px !important; } .staking-menu-item > a { display: flex; align-items: center; height: 100%; font-weight: 600; font-size: 14px; line-height: 19px; color: #43454f; } .staking-menu-item-arrow { position: absolute; top: 50%; right: 17px; width: 8px; height: 8px; fill: none; stroke: rgba(0, 0, 0, 0.65); stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; transform: translateY(-50%); } .staking-menu-item-arrow path { vector-effect: non-scaling-stroke; } .staking-menu-item + .ant-menu-submenu { border-top: 1px solid #e1e6ea; } .card-logo { width: 48px; height: 16px; } .badge-new { background-color: #dd4d3d; border-radius: 8px; color: #ffffff !important; display: inline-block; font-size: 10px !important; font-weight: 400 !important; line-height: 12px !important; margin: 0px 0px 0px 4px; padding: 2px 4px; } .badge-dot { background-color: #dd4d3d; border-radius: 4px; display: inline-block; height: 8px; width: 8px; } .navbar-badge-dot { margin-left: 4px; position: absolute; } .mobile-navbar-badge-dot { margin-left: 4px; margin-top: 10px; position: absolute; } .anniversary-8-link { display: inline-flex; line-height: 16px; padding: 8px 16px; margin: 8px 12px; font-weight: normal; text-decoration: none; cursor: pointer; position: relative; align-items: center; } .anniversary-10-link { align-items: center; display: inline-flex !important; line-height: 20px; } .anniversary-10-mobile-link { align-items: center; display: flex !important; justify-content: center; } .stick-note-wrapper { background: #fff7e5; display: flex; justify-content: center; align-items: center; } .stick-note-wrapper .stick-note-container-desktop { width: 100%; max-width: 1168px; padding: 14px 18px; position: relative; align-items: center; text-align: center; } .stick-note-wrapper .stick-note-container-mobile { display: flex; justify-content: center; align-items: center; padding: 14px 40px 14px 18px; position: relative; text-align: left; } .stick-note-wrapper .stick-note_text { font-size: 14px; line-height: 28px; color: #191c1e; } .stick-note-wrapper .stick-note_link { font-weight: 500; font-size: 14px; line-height: 28px; color: #d87400; } .stick-note-wrapper .stick-note-container-mobile { display: flex; justify-content: center; align-items: center; text-align: left; } .stick-note-wrapper .stick-note_close-desktop { position: absolute; width: 16px; height: 16px; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer; } .stick-note-wrapper .stick-note_close-desktop:hover { opacity: 0.6; } .stick-note-wrapper .stick-note_close-mobile { position: absolute; width: 16px; height: 16px; top: 50%; right: 15px; transform: translateY(-50%); } .common-footer.common-footer--compact-mode { padding-left: 24px; padding-right: 24px; padding-top: 24px; } .common-footer.common-footer--compact-mode .footer-compact-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 16px 24px; justify-content: space-between; padding-bottom: 8px; } .common-footer.common-footer--compact-mode .footer-compact-toolbar__links { color: #111d4a; flex: 1 1 auto; font-size: 14px; line-height: 1.5; min-width: 0; } .common-footer.common-footer--compact-mode .footer-compact-toolbar__links a { color: inherit; text-decoration: none; } .common-footer.common-footer--compact-mode .footer-compact-toolbar__lang { color: #111d4a; flex-shrink: 0; } .common-footer.common-footer--compact-mode .footer-compact-toolbar__lang .language { align-items: center; display: flex; flex-direction: row; gap: 8px; } .common-footer.common-footer--compact-mode .footer-compact-toolbar__lang .language-icon { display: block; flex-shrink: 0; } .common-footer.common-footer--compact-mode .footer-compact-toolbar__lang .current-language { color: inherit; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 1.3; margin: 0; } .common-footer.common-footer--compact-mode .footer-compact-toolbar__language-trigger { cursor: pointer; } .common-footer.common-footer--compact-mode .disclaimer { max-width: none; padding-top: 16px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-card { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; background: #fff; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-card-hoverable { cursor: pointer; } .ant-card-hoverable:hover { border-color: rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); } .ant-card-bordered { border: 1px solid #e8e8e8; } .ant-card-head { min-height: 48px; margin-bottom: -1px; padding: 0 24px; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; background: transparent; border-bottom: 1px solid #e8e8e8; border-radius: 2px 2px 0 0; zoom: 1; } .ant-card-head::before, .ant-card-head::after { display: table; content: ''; } .ant-card-head::after { clear: both; } .ant-card-head-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-card-head-title { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 16px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-card-head .ant-tabs { clear: both; margin-bottom: -17px; color: rgba(0, 0, 0, 0.65); font-weight: normal; font-size: 14px; } .ant-card-head .ant-tabs-bar { border-bottom: 1px solid #e8e8e8; } .ant-card-extra { float: right; margin-left: auto; padding: 16px 0; color: rgba(0, 0, 0, 0.65); font-weight: normal; font-size: 14px; } .ant-card-body { padding: 24px; zoom: 1; } .ant-card-body::before, .ant-card-body::after { display: table; content: ''; } .ant-card-body::after { clear: both; } .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body { margin: -1px 0 0 -1px; padding: 0; } .ant-card-grid { float: left; width: 33.33%; padding: 24px; border: 0; border-radius: 0; -webkit-box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset; box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-card-grid-hoverable:hover { position: relative; z-index: 1; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-card-contain-tabs > .ant-card-head .ant-card-head-title { min-height: 32px; padding-bottom: 0; } .ant-card-contain-tabs > .ant-card-head .ant-card-extra { padding-bottom: 0; } .ant-card-cover > * { display: block; width: 100%; } .ant-card-cover img { border-radius: 2px 2px 0 0; } .ant-card-actions { margin: 0; padding: 0; list-style: none; background: #fafafa; border-top: 1px solid #e8e8e8; zoom: 1; } .ant-card-actions::before, .ant-card-actions::after { display: table; content: ''; } .ant-card-actions::after { clear: both; } .ant-card-actions > li { float: left; margin: 12px 0; color: rgba(0, 0, 0, 0.45); text-align: center; } .ant-card-actions > li > span { position: relative; display: block; min-width: 32px; font-size: 14px; line-height: 22px; cursor: pointer; } .ant-card-actions > li > span:hover { color: #1890ff; -webkit-transition: color 0.3s; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn), .ant-card-actions > li > span > .anticon { display: inline-block; width: 100%; color: rgba(0, 0, 0, 0.45); line-height: 22px; -webkit-transition: color 0.3s; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn):hover, .ant-card-actions > li > span > .anticon:hover { color: #1890ff; } .ant-card-actions > li > span > .anticon { font-size: 16px; line-height: 22px; } .ant-card-actions > li:not(:last-child) { border-right: 1px solid #e8e8e8; } .ant-card-type-inner .ant-card-head { padding: 0 24px; background: #fafafa; } .ant-card-type-inner .ant-card-head-title { padding: 12px 0; font-size: 14px; } .ant-card-type-inner .ant-card-body { padding: 16px 24px; } .ant-card-type-inner .ant-card-extra { padding: 13.5px 0; } .ant-card-meta { margin: -4px 0; zoom: 1; } .ant-card-meta::before, .ant-card-meta::after { display: table; content: ''; } .ant-card-meta::after { clear: both; } .ant-card-meta-avatar { float: left; padding-right: 16px; } .ant-card-meta-detail { overflow: hidden; } .ant-card-meta-detail > div:not(:last-child) { margin-bottom: 8px; } .ant-card-meta-title { overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; } .ant-card-meta-description { color: rgba(0, 0, 0, 0.45); } .ant-card-loading { overflow: hidden; } .ant-card-loading .ant-card-body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-card-loading-content p { margin: 0; } .ant-card-loading-block { height: 14px; margin: 4px 0; background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2))); background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2)); background-size: 600% 600%; border-radius: 2px; -webkit-animation: card-loading 1.4s ease infinite; animation: card-loading 1.4s ease infinite; } @-webkit-keyframes card-loading { 0%, 100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } } @keyframes card-loading { 0%, 100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } } .ant-card-small > .ant-card-head { min-height: 36px; padding: 0 12px; font-size: 14px; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title { padding: 8px 0; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra { padding: 8px 0; font-size: 14px; } .ant-card-small > .ant-card-body { padding: 12px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container { height: 40px; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { height: 40px; margin: 0; margin-right: 2px; padding: 0 16px; line-height: 38px; background: #fafafa; border: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; -webkit-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); } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { height: 40px; color: #1890ff; background: #fff; border-color: #e8e8e8; border-bottom: 1px solid #fff; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before { border-top: 2px solid transparent; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled { color: #1890ff; color: rgba(0, 0, 0, 0.25); } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive { padding: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap { margin-bottom: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x { width: 16px; height: 16px; height: 14px; margin-right: -5px; margin-left: 3px; overflow: hidden; color: rgba(0, 0, 0, 0.45); font-size: 12px; vertical-align: middle; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover { color: rgba(0, 0, 0, 0.85); } .ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane, .ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane { -webkit-transition: none !important; transition: none !important; } .ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive, .ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive { overflow: hidden; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close { opacity: 1; } .ant-tabs-extra-content { line-height: 45px; } .ant-tabs-extra-content .ant-tabs-new-tab { position: relative; width: 20px; height: 20px; color: rgba(0, 0, 0, 0.65); font-size: 12px; line-height: 20px; text-align: center; border: 1px solid #e8e8e8; border-radius: 2px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-tabs-extra-content .ant-tabs-new-tab:hover { color: #1890ff; border-color: #1890ff; } .ant-tabs-extra-content .ant-tabs-new-tab svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-tabs.ant-tabs-large .ant-tabs-extra-content { line-height: 56px; } .ant-tabs.ant-tabs-small .ant-tabs-extra-content { line-height: 37px; } .ant-tabs.ant-tabs-card .ant-tabs-extra-content { line-height: 40px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container { height: 100%; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab { margin-bottom: 8px; border-bottom: 1px solid #e8e8e8; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active { padding-bottom: 4px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child { margin-bottom: 8px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab { width: 90%; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap { margin-right: 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab { margin-right: 1px; border-right: 0; border-radius: 4px 0 0 4px; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active { margin-right: -1px; padding-right: 18px; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap { margin-left: 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab { margin-left: 1px; border-left: 0; border-radius: 0 4px 4px 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active { margin-left: -1px; padding-left: 18px; } .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab { height: auto; border-top: 0; border-bottom: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active { padding-top: 1px; padding-bottom: 0; color: #1890ff; } .ant-tabs { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; overflow: hidden; zoom: 1; } .ant-tabs::before, .ant-tabs::after { display: table; content: ''; } .ant-tabs::after { clear: both; } .ant-tabs-ink-bar { position: absolute; bottom: 1px; left: 0; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 2px; background-color: #1890ff; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .ant-tabs-bar { margin: 0 0 16px 0; border-bottom: 1px solid #e8e8e8; outline: none; -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-nav-container { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: -1px; overflow: hidden; font-size: 14px; line-height: 1.5; white-space: nowrap; -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); zoom: 1; } .ant-tabs-nav-container::before, .ant-tabs-nav-container::after { display: table; content: ''; } .ant-tabs-nav-container::after { clear: both; } .ant-tabs-nav-container-scrolling { padding-right: 32px; padding-left: 32px; } .ant-tabs-bottom .ant-tabs-bottom-bar { margin-top: 16px; margin-bottom: 0; border-top: 1px solid #e8e8e8; border-bottom: none; } .ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar { top: 1px; bottom: auto; } .ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container { margin-top: -1px; margin-bottom: 0; } .ant-tabs-tab-prev, .ant-tabs-tab-next { position: absolute; z-index: 2; width: 0; height: 100%; color: rgba(0, 0, 0, 0.45); text-align: center; background-color: transparent; border: 0; cursor: pointer; opacity: 0; -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .ant-tabs-tab-prev.ant-tabs-tab-arrow-show, .ant-tabs-tab-next.ant-tabs-tab-arrow-show { width: 32px; height: 100%; opacity: 1; pointer-events: auto; } .ant-tabs-tab-prev:hover, .ant-tabs-tab-next:hover { color: rgba(0, 0, 0, 0.65); } .ant-tabs-tab-prev-icon, .ant-tabs-tab-next-icon { position: absolute; top: 50%; left: 50%; font-weight: bold; font-style: normal; font-variant: normal; line-height: inherit; text-align: center; text-transform: none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ant-tabs-tab-prev-icon-target, .ant-tabs-tab-next-icon-target { display: block; display: inline-block; font-size: 12px; font-size: 10px \9; -webkit-transform: scale(0.83333333) rotate(0deg); -ms-transform: scale(0.83333333) rotate(0deg); transform: scale(0.83333333) rotate(0deg); } :root .ant-tabs-tab-prev-icon-target, :root .ant-tabs-tab-next-icon-target { font-size: 12px; } .ant-tabs-tab-btn-disabled { cursor: not-allowed; } .ant-tabs-tab-btn-disabled, .ant-tabs-tab-btn-disabled:hover { color: rgba(0, 0, 0, 0.25); } .ant-tabs-tab-next { right: 2px; } .ant-tabs-tab-prev { left: 0; } :root .ant-tabs-tab-prev { -webkit-filter: none; filter: none; } .ant-tabs-nav-wrap { margin-bottom: -1px; overflow: hidden; } .ant-tabs-nav-scroll { overflow: hidden; white-space: nowrap; } .ant-tabs-nav { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding-left: 0; list-style: none; -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); 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-tabs-nav::before, .ant-tabs-nav::after { display: table; content: ' '; } .ant-tabs-nav::after { clear: both; } .ant-tabs-nav .ant-tabs-tab { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; margin: 0 32px 0 0; padding: 12px 16px; text-decoration: none; cursor: pointer; -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-nav .ant-tabs-tab::before { position: absolute; top: -1px; left: 0; width: 100%; border-top: 2px solid transparent; border-radius: 4px 4px 0 0; -webkit-transition: all 0.3s; transition: all 0.3s; content: ''; pointer-events: none; } .ant-tabs-nav .ant-tabs-tab:last-child { margin-right: 0; } .ant-tabs-nav .ant-tabs-tab:hover { color: #40a9ff; } .ant-tabs-nav .ant-tabs-tab:active { color: #096dd9; } .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 8px; } .ant-tabs-nav .ant-tabs-tab-active { color: #1890ff; font-weight: 500; } .ant-tabs-nav .ant-tabs-tab-disabled, .ant-tabs-nav .ant-tabs-tab-disabled:hover { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container { font-size: 16px; } .ant-tabs .ant-tabs-large-bar .ant-tabs-tab { padding: 16px; } .ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container { font-size: 14px; } .ant-tabs .ant-tabs-small-bar .ant-tabs-tab { padding: 8px 16px; } .ant-tabs-content::before { display: block; overflow: hidden; content: ''; } .ant-tabs .ant-tabs-top-content, .ant-tabs .ant-tabs-bottom-content { width: 100%; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; -webkit-backface-visibility: hidden; opacity: 1; -webkit-transition: opacity 0.45s; transition: opacity 0.45s; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-tabs .ant-tabs-top-content.ant-tabs-content-animated, .ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-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); will-change: margin-left; } .ant-tabs .ant-tabs-left-bar, .ant-tabs .ant-tabs-right-bar { height: 100%; border-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show { width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab { display: block; float: none; margin: 0 0 16px 0; padding: 8px 24px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content, .ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content { text-align: center; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll { width: auto; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { height: 100%; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling { padding: 32px 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav { width: 100%; } .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar, .ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar { top: 0; bottom: auto; left: auto; width: 2px; height: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next { right: 0; bottom: 0; width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev { top: 0; width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-content, .ant-tabs .ant-tabs-right-content { width: auto; margin-top: 0 !important; overflow: hidden; } .ant-tabs .ant-tabs-left-bar { float: left; margin-right: -1px; margin-bottom: 0; border-right: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab { text-align: right; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container { margin-right: -1px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap { margin-right: -1px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar { right: 1px; } .ant-tabs .ant-tabs-left-content { padding-left: 24px; border-left: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-right-bar { float: right; margin-bottom: 0; margin-left: -1px; border-left: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container { margin-left: -1px; } .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { margin-left: -1px; } .ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar { left: 1px; } .ant-tabs .ant-tabs-right-content { padding-right: 24px; border-right: 1px solid #e8e8e8; } .ant-tabs-top .ant-tabs-ink-bar-animated, .ant-tabs-bottom .ant-tabs-ink-bar-animated { -webkit-transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 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: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 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: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 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-tabs-left .ant-tabs-ink-bar-animated, .ant-tabs-right .ant-tabs-ink-bar-animated { -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 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: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 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: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .no-flex > .ant-tabs-content > .ant-tabs-content-animated, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated { margin-left: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-tabs-left-content > .ant-tabs-content-animated, .ant-tabs-right-content > .ant-tabs-content-animated { margin-left: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .ant-tabs-left-content > .ant-tabs-tabpane-inactive, .ant-tabs-right-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .ant-tabs-left-content > .ant-tabs-tabpane-inactive input, .ant-tabs-right-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-row { position: relative; height: auto; margin-right: 0; margin-left: 0; zoom: 1; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .ant-row::before, .ant-row::after { display: table; content: ''; } .ant-row::after { clear: both; } .ant-row + .ant-row::before { clear: both; } .ant-row-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .ant-row-flex::before, .ant-row-flex::after { display: -webkit-box; display: -ms-flexbox; display: flex; } .ant-row-flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ant-row-flex-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ant-row-flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ant-row-flex-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ant-row-flex-space-around { -ms-flex-pack: distribute; justify-content: space-around; } .ant-row-flex-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ant-row-flex-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-row-flex-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ant-col { position: relative; min-height: 1px; } .ant-col-1, .ant-col-xs-1, .ant-col-sm-1, .ant-col-md-1, .ant-col-lg-1, .ant-col-2, .ant-col-xs-2, .ant-col-sm-2, .ant-col-md-2, .ant-col-lg-2, .ant-col-3, .ant-col-xs-3, .ant-col-sm-3, .ant-col-md-3, .ant-col-lg-3, .ant-col-4, .ant-col-xs-4, .ant-col-sm-4, .ant-col-md-4, .ant-col-lg-4, .ant-col-5, .ant-col-xs-5, .ant-col-sm-5, .ant-col-md-5, .ant-col-lg-5, .ant-col-6, .ant-col-xs-6, .ant-col-sm-6, .ant-col-md-6, .ant-col-lg-6, .ant-col-7, .ant-col-xs-7, .ant-col-sm-7, .ant-col-md-7, .ant-col-lg-7, .ant-col-8, .ant-col-xs-8, .ant-col-sm-8, .ant-col-md-8, .ant-col-lg-8, .ant-col-9, .ant-col-xs-9, .ant-col-sm-9, .ant-col-md-9, .ant-col-lg-9, .ant-col-10, .ant-col-xs-10, .ant-col-sm-10, .ant-col-md-10, .ant-col-lg-10, .ant-col-11, .ant-col-xs-11, .ant-col-sm-11, .ant-col-md-11, .ant-col-lg-11, .ant-col-12, .ant-col-xs-12, .ant-col-sm-12, .ant-col-md-12, .ant-col-lg-12, .ant-col-13, .ant-col-xs-13, .ant-col-sm-13, .ant-col-md-13, .ant-col-lg-13, .ant-col-14, .ant-col-xs-14, .ant-col-sm-14, .ant-col-md-14, .ant-col-lg-14, .ant-col-15, .ant-col-xs-15, .ant-col-sm-15, .ant-col-md-15, .ant-col-lg-15, .ant-col-16, .ant-col-xs-16, .ant-col-sm-16, .ant-col-md-16, .ant-col-lg-16, .ant-col-17, .ant-col-xs-17, .ant-col-sm-17, .ant-col-md-17, .ant-col-lg-17, .ant-col-18, .ant-col-xs-18, .ant-col-sm-18, .ant-col-md-18, .ant-col-lg-18, .ant-col-19, .ant-col-xs-19, .ant-col-sm-19, .ant-col-md-19, .ant-col-lg-19, .ant-col-20, .ant-col-xs-20, .ant-col-sm-20, .ant-col-md-20, .ant-col-lg-20, .ant-col-21, .ant-col-xs-21, .ant-col-sm-21, .ant-col-md-21, .ant-col-lg-21, .ant-col-22, .ant-col-xs-22, .ant-col-sm-22, .ant-col-md-22, .ant-col-lg-22, .ant-col-23, .ant-col-xs-23, .ant-col-sm-23, .ant-col-md-23, .ant-col-lg-23, .ant-col-24, .ant-col-xs-24, .ant-col-sm-24, .ant-col-md-24, .ant-col-lg-24 { position: relative; padding-right: 0; padding-left: 0; } .ant-col-1, .ant-col-2, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-push-24 { left: 100%; } .ant-col-pull-24 { right: 100%; } .ant-col-offset-24 { margin-left: 100%; } .ant-col-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-push-23 { left: 95.83333333%; } .ant-col-pull-23 { right: 95.83333333%; } .ant-col-offset-23 { margin-left: 95.83333333%; } .ant-col-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-push-22 { left: 91.66666667%; } .ant-col-pull-22 { right: 91.66666667%; } .ant-col-offset-22 { margin-left: 91.66666667%; } .ant-col-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-push-21 { left: 87.5%; } .ant-col-pull-21 { right: 87.5%; } .ant-col-offset-21 { margin-left: 87.5%; } .ant-col-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-push-20 { left: 83.33333333%; } .ant-col-pull-20 { right: 83.33333333%; } .ant-col-offset-20 { margin-left: 83.33333333%; } .ant-col-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-push-19 { left: 79.16666667%; } .ant-col-pull-19 { right: 79.16666667%; } .ant-col-offset-19 { margin-left: 79.16666667%; } .ant-col-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-push-18 { left: 75%; } .ant-col-pull-18 { right: 75%; } .ant-col-offset-18 { margin-left: 75%; } .ant-col-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-push-17 { left: 70.83333333%; } .ant-col-pull-17 { right: 70.83333333%; } .ant-col-offset-17 { margin-left: 70.83333333%; } .ant-col-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-push-16 { left: 66.66666667%; } .ant-col-pull-16 { right: 66.66666667%; } .ant-col-offset-16 { margin-left: 66.66666667%; } .ant-col-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-push-15 { left: 62.5%; } .ant-col-pull-15 { right: 62.5%; } .ant-col-offset-15 { margin-left: 62.5%; } .ant-col-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-push-14 { left: 58.33333333%; } .ant-col-pull-14 { right: 58.33333333%; } .ant-col-offset-14 { margin-left: 58.33333333%; } .ant-col-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-push-13 { left: 54.16666667%; } .ant-col-pull-13 { right: 54.16666667%; } .ant-col-offset-13 { margin-left: 54.16666667%; } .ant-col-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-push-12 { left: 50%; } .ant-col-pull-12 { right: 50%; } .ant-col-offset-12 { margin-left: 50%; } .ant-col-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-push-11 { left: 45.83333333%; } .ant-col-pull-11 { right: 45.83333333%; } .ant-col-offset-11 { margin-left: 45.83333333%; } .ant-col-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-push-10 { left: 41.66666667%; } .ant-col-pull-10 { right: 41.66666667%; } .ant-col-offset-10 { margin-left: 41.66666667%; } .ant-col-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-push-9 { left: 37.5%; } .ant-col-pull-9 { right: 37.5%; } .ant-col-offset-9 { margin-left: 37.5%; } .ant-col-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-push-8 { left: 33.33333333%; } .ant-col-pull-8 { right: 33.33333333%; } .ant-col-offset-8 { margin-left: 33.33333333%; } .ant-col-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-push-7 { left: 29.16666667%; } .ant-col-pull-7 { right: 29.16666667%; } .ant-col-offset-7 { margin-left: 29.16666667%; } .ant-col-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-push-6 { left: 25%; } .ant-col-pull-6 { right: 25%; } .ant-col-offset-6 { margin-left: 25%; } .ant-col-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-push-5 { left: 20.83333333%; } .ant-col-pull-5 { right: 20.83333333%; } .ant-col-offset-5 { margin-left: 20.83333333%; } .ant-col-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-push-4 { left: 16.66666667%; } .ant-col-pull-4 { right: 16.66666667%; } .ant-col-offset-4 { margin-left: 16.66666667%; } .ant-col-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-push-3 { left: 12.5%; } .ant-col-pull-3 { right: 12.5%; } .ant-col-offset-3 { margin-left: 12.5%; } .ant-col-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-push-2 { left: 8.33333333%; } .ant-col-pull-2 { right: 8.33333333%; } .ant-col-offset-2 { margin-left: 8.33333333%; } .ant-col-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-push-1 { left: 4.16666667%; } .ant-col-pull-1 { right: 4.16666667%; } .ant-col-offset-1 { margin-left: 4.16666667%; } .ant-col-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-offset-0 { margin-left: 0; } .ant-col-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .ant-col-xs-1, .ant-col-xs-2, .ant-col-xs-3, .ant-col-xs-4, .ant-col-xs-5, .ant-col-xs-6, .ant-col-xs-7, .ant-col-xs-8, .ant-col-xs-9, .ant-col-xs-10, .ant-col-xs-11, .ant-col-xs-12, .ant-col-xs-13, .ant-col-xs-14, .ant-col-xs-15, .ant-col-xs-16, .ant-col-xs-17, .ant-col-xs-18, .ant-col-xs-19, .ant-col-xs-20, .ant-col-xs-21, .ant-col-xs-22, .ant-col-xs-23, .ant-col-xs-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-xs-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-xs-push-24 { left: 100%; } .ant-col-xs-pull-24 { right: 100%; } .ant-col-xs-offset-24 { margin-left: 100%; } .ant-col-xs-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xs-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-xs-push-23 { left: 95.83333333%; } .ant-col-xs-pull-23 { right: 95.83333333%; } .ant-col-xs-offset-23 { margin-left: 95.83333333%; } .ant-col-xs-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xs-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-xs-push-22 { left: 91.66666667%; } .ant-col-xs-pull-22 { right: 91.66666667%; } .ant-col-xs-offset-22 { margin-left: 91.66666667%; } .ant-col-xs-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xs-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-xs-push-21 { left: 87.5%; } .ant-col-xs-pull-21 { right: 87.5%; } .ant-col-xs-offset-21 { margin-left: 87.5%; } .ant-col-xs-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xs-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-xs-push-20 { left: 83.33333333%; } .ant-col-xs-pull-20 { right: 83.33333333%; } .ant-col-xs-offset-20 { margin-left: 83.33333333%; } .ant-col-xs-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xs-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-xs-push-19 { left: 79.16666667%; } .ant-col-xs-pull-19 { right: 79.16666667%; } .ant-col-xs-offset-19 { margin-left: 79.16666667%; } .ant-col-xs-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xs-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-xs-push-18 { left: 75%; } .ant-col-xs-pull-18 { right: 75%; } .ant-col-xs-offset-18 { margin-left: 75%; } .ant-col-xs-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xs-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-xs-push-17 { left: 70.83333333%; } .ant-col-xs-pull-17 { right: 70.83333333%; } .ant-col-xs-offset-17 { margin-left: 70.83333333%; } .ant-col-xs-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xs-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-xs-push-16 { left: 66.66666667%; } .ant-col-xs-pull-16 { right: 66.66666667%; } .ant-col-xs-offset-16 { margin-left: 66.66666667%; } .ant-col-xs-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xs-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-xs-push-15 { left: 62.5%; } .ant-col-xs-pull-15 { right: 62.5%; } .ant-col-xs-offset-15 { margin-left: 62.5%; } .ant-col-xs-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xs-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-xs-push-14 { left: 58.33333333%; } .ant-col-xs-pull-14 { right: 58.33333333%; } .ant-col-xs-offset-14 { margin-left: 58.33333333%; } .ant-col-xs-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xs-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-xs-push-13 { left: 54.16666667%; } .ant-col-xs-pull-13 { right: 54.16666667%; } .ant-col-xs-offset-13 { margin-left: 54.16666667%; } .ant-col-xs-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xs-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-xs-push-12 { left: 50%; } .ant-col-xs-pull-12 { right: 50%; } .ant-col-xs-offset-12 { margin-left: 50%; } .ant-col-xs-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xs-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-xs-push-11 { left: 45.83333333%; } .ant-col-xs-pull-11 { right: 45.83333333%; } .ant-col-xs-offset-11 { margin-left: 45.83333333%; } .ant-col-xs-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xs-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-xs-push-10 { left: 41.66666667%; } .ant-col-xs-pull-10 { right: 41.66666667%; } .ant-col-xs-offset-10 { margin-left: 41.66666667%; } .ant-col-xs-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xs-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-xs-push-9 { left: 37.5%; } .ant-col-xs-pull-9 { right: 37.5%; } .ant-col-xs-offset-9 { margin-left: 37.5%; } .ant-col-xs-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xs-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-xs-push-8 { left: 33.33333333%; } .ant-col-xs-pull-8 { right: 33.33333333%; } .ant-col-xs-offset-8 { margin-left: 33.33333333%; } .ant-col-xs-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xs-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-xs-push-7 { left: 29.16666667%; } .ant-col-xs-pull-7 { right: 29.16666667%; } .ant-col-xs-offset-7 { margin-left: 29.16666667%; } .ant-col-xs-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xs-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-xs-push-6 { left: 25%; } .ant-col-xs-pull-6 { right: 25%; } .ant-col-xs-offset-6 { margin-left: 25%; } .ant-col-xs-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xs-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-xs-push-5 { left: 20.83333333%; } .ant-col-xs-pull-5 { right: 20.83333333%; } .ant-col-xs-offset-5 { margin-left: 20.83333333%; } .ant-col-xs-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xs-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-xs-push-4 { left: 16.66666667%; } .ant-col-xs-pull-4 { right: 16.66666667%; } .ant-col-xs-offset-4 { margin-left: 16.66666667%; } .ant-col-xs-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xs-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-xs-push-3 { left: 12.5%; } .ant-col-xs-pull-3 { right: 12.5%; } .ant-col-xs-offset-3 { margin-left: 12.5%; } .ant-col-xs-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xs-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-xs-push-2 { left: 8.33333333%; } .ant-col-xs-pull-2 { right: 8.33333333%; } .ant-col-xs-offset-2 { margin-left: 8.33333333%; } .ant-col-xs-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xs-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-xs-push-1 { left: 4.16666667%; } .ant-col-xs-pull-1 { right: 4.16666667%; } .ant-col-xs-offset-1 { margin-left: 4.16666667%; } .ant-col-xs-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-xs-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xs-push-0 { left: auto; } .ant-col-xs-pull-0 { right: auto; } .ant-col-xs-offset-0 { margin-left: 0; } .ant-col-xs-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } @media (min-width: 576px) { .ant-col-sm-1, .ant-col-sm-2, .ant-col-sm-3, .ant-col-sm-4, .ant-col-sm-5, .ant-col-sm-6, .ant-col-sm-7, .ant-col-sm-8, .ant-col-sm-9, .ant-col-sm-10, .ant-col-sm-11, .ant-col-sm-12, .ant-col-sm-13, .ant-col-sm-14, .ant-col-sm-15, .ant-col-sm-16, .ant-col-sm-17, .ant-col-sm-18, .ant-col-sm-19, .ant-col-sm-20, .ant-col-sm-21, .ant-col-sm-22, .ant-col-sm-23, .ant-col-sm-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-sm-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-sm-push-24 { left: 100%; } .ant-col-sm-pull-24 { right: 100%; } .ant-col-sm-offset-24 { margin-left: 100%; } .ant-col-sm-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-sm-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-sm-push-23 { left: 95.83333333%; } .ant-col-sm-pull-23 { right: 95.83333333%; } .ant-col-sm-offset-23 { margin-left: 95.83333333%; } .ant-col-sm-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-sm-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-sm-push-22 { left: 91.66666667%; } .ant-col-sm-pull-22 { right: 91.66666667%; } .ant-col-sm-offset-22 { margin-left: 91.66666667%; } .ant-col-sm-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-sm-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-sm-push-21 { left: 87.5%; } .ant-col-sm-pull-21 { right: 87.5%; } .ant-col-sm-offset-21 { margin-left: 87.5%; } .ant-col-sm-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-sm-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-sm-push-20 { left: 83.33333333%; } .ant-col-sm-pull-20 { right: 83.33333333%; } .ant-col-sm-offset-20 { margin-left: 83.33333333%; } .ant-col-sm-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-sm-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-sm-push-19 { left: 79.16666667%; } .ant-col-sm-pull-19 { right: 79.16666667%; } .ant-col-sm-offset-19 { margin-left: 79.16666667%; } .ant-col-sm-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-sm-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-sm-push-18 { left: 75%; } .ant-col-sm-pull-18 { right: 75%; } .ant-col-sm-offset-18 { margin-left: 75%; } .ant-col-sm-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-sm-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-sm-push-17 { left: 70.83333333%; } .ant-col-sm-pull-17 { right: 70.83333333%; } .ant-col-sm-offset-17 { margin-left: 70.83333333%; } .ant-col-sm-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-sm-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-sm-push-16 { left: 66.66666667%; } .ant-col-sm-pull-16 { right: 66.66666667%; } .ant-col-sm-offset-16 { margin-left: 66.66666667%; } .ant-col-sm-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-sm-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-sm-push-15 { left: 62.5%; } .ant-col-sm-pull-15 { right: 62.5%; } .ant-col-sm-offset-15 { margin-left: 62.5%; } .ant-col-sm-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-sm-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-sm-push-14 { left: 58.33333333%; } .ant-col-sm-pull-14 { right: 58.33333333%; } .ant-col-sm-offset-14 { margin-left: 58.33333333%; } .ant-col-sm-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-sm-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-sm-push-13 { left: 54.16666667%; } .ant-col-sm-pull-13 { right: 54.16666667%; } .ant-col-sm-offset-13 { margin-left: 54.16666667%; } .ant-col-sm-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-sm-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-sm-push-12 { left: 50%; } .ant-col-sm-pull-12 { right: 50%; } .ant-col-sm-offset-12 { margin-left: 50%; } .ant-col-sm-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-sm-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-sm-push-11 { left: 45.83333333%; } .ant-col-sm-pull-11 { right: 45.83333333%; } .ant-col-sm-offset-11 { margin-left: 45.83333333%; } .ant-col-sm-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-sm-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-sm-push-10 { left: 41.66666667%; } .ant-col-sm-pull-10 { right: 41.66666667%; } .ant-col-sm-offset-10 { margin-left: 41.66666667%; } .ant-col-sm-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-sm-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-sm-push-9 { left: 37.5%; } .ant-col-sm-pull-9 { right: 37.5%; } .ant-col-sm-offset-9 { margin-left: 37.5%; } .ant-col-sm-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-sm-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-sm-push-8 { left: 33.33333333%; } .ant-col-sm-pull-8 { right: 33.33333333%; } .ant-col-sm-offset-8 { margin-left: 33.33333333%; } .ant-col-sm-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-sm-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-sm-push-7 { left: 29.16666667%; } .ant-col-sm-pull-7 { right: 29.16666667%; } .ant-col-sm-offset-7 { margin-left: 29.16666667%; } .ant-col-sm-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-sm-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-sm-push-6 { left: 25%; } .ant-col-sm-pull-6 { right: 25%; } .ant-col-sm-offset-6 { margin-left: 25%; } .ant-col-sm-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-sm-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-sm-push-5 { left: 20.83333333%; } .ant-col-sm-pull-5 { right: 20.83333333%; } .ant-col-sm-offset-5 { margin-left: 20.83333333%; } .ant-col-sm-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-sm-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-sm-push-4 { left: 16.66666667%; } .ant-col-sm-pull-4 { right: 16.66666667%; } .ant-col-sm-offset-4 { margin-left: 16.66666667%; } .ant-col-sm-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-sm-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-sm-push-3 { left: 12.5%; } .ant-col-sm-pull-3 { right: 12.5%; } .ant-col-sm-offset-3 { margin-left: 12.5%; } .ant-col-sm-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-sm-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-sm-push-2 { left: 8.33333333%; } .ant-col-sm-pull-2 { right: 8.33333333%; } .ant-col-sm-offset-2 { margin-left: 8.33333333%; } .ant-col-sm-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-sm-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-sm-push-1 { left: 4.16666667%; } .ant-col-sm-pull-1 { right: 4.16666667%; } .ant-col-sm-offset-1 { margin-left: 4.16666667%; } .ant-col-sm-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-sm-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-sm-push-0 { left: auto; } .ant-col-sm-pull-0 { right: auto; } .ant-col-sm-offset-0 { margin-left: 0; } .ant-col-sm-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 768px) { .ant-col-md-1, .ant-col-md-2, .ant-col-md-3, .ant-col-md-4, .ant-col-md-5, .ant-col-md-6, .ant-col-md-7, .ant-col-md-8, .ant-col-md-9, .ant-col-md-10, .ant-col-md-11, .ant-col-md-12, .ant-col-md-13, .ant-col-md-14, .ant-col-md-15, .ant-col-md-16, .ant-col-md-17, .ant-col-md-18, .ant-col-md-19, .ant-col-md-20, .ant-col-md-21, .ant-col-md-22, .ant-col-md-23, .ant-col-md-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-md-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-md-push-24 { left: 100%; } .ant-col-md-pull-24 { right: 100%; } .ant-col-md-offset-24 { margin-left: 100%; } .ant-col-md-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-md-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-md-push-23 { left: 95.83333333%; } .ant-col-md-pull-23 { right: 95.83333333%; } .ant-col-md-offset-23 { margin-left: 95.83333333%; } .ant-col-md-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-md-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-md-push-22 { left: 91.66666667%; } .ant-col-md-pull-22 { right: 91.66666667%; } .ant-col-md-offset-22 { margin-left: 91.66666667%; } .ant-col-md-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-md-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-md-push-21 { left: 87.5%; } .ant-col-md-pull-21 { right: 87.5%; } .ant-col-md-offset-21 { margin-left: 87.5%; } .ant-col-md-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-md-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-md-push-20 { left: 83.33333333%; } .ant-col-md-pull-20 { right: 83.33333333%; } .ant-col-md-offset-20 { margin-left: 83.33333333%; } .ant-col-md-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-md-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-md-push-19 { left: 79.16666667%; } .ant-col-md-pull-19 { right: 79.16666667%; } .ant-col-md-offset-19 { margin-left: 79.16666667%; } .ant-col-md-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-md-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-md-push-18 { left: 75%; } .ant-col-md-pull-18 { right: 75%; } .ant-col-md-offset-18 { margin-left: 75%; } .ant-col-md-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-md-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-md-push-17 { left: 70.83333333%; } .ant-col-md-pull-17 { right: 70.83333333%; } .ant-col-md-offset-17 { margin-left: 70.83333333%; } .ant-col-md-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-md-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-md-push-16 { left: 66.66666667%; } .ant-col-md-pull-16 { right: 66.66666667%; } .ant-col-md-offset-16 { margin-left: 66.66666667%; } .ant-col-md-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-md-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-md-push-15 { left: 62.5%; } .ant-col-md-pull-15 { right: 62.5%; } .ant-col-md-offset-15 { margin-left: 62.5%; } .ant-col-md-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-md-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-md-push-14 { left: 58.33333333%; } .ant-col-md-pull-14 { right: 58.33333333%; } .ant-col-md-offset-14 { margin-left: 58.33333333%; } .ant-col-md-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-md-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-md-push-13 { left: 54.16666667%; } .ant-col-md-pull-13 { right: 54.16666667%; } .ant-col-md-offset-13 { margin-left: 54.16666667%; } .ant-col-md-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-md-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-md-push-12 { left: 50%; } .ant-col-md-pull-12 { right: 50%; } .ant-col-md-offset-12 { margin-left: 50%; } .ant-col-md-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-md-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-md-push-11 { left: 45.83333333%; } .ant-col-md-pull-11 { right: 45.83333333%; } .ant-col-md-offset-11 { margin-left: 45.83333333%; } .ant-col-md-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-md-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-md-push-10 { left: 41.66666667%; } .ant-col-md-pull-10 { right: 41.66666667%; } .ant-col-md-offset-10 { margin-left: 41.66666667%; } .ant-col-md-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-md-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-md-push-9 { left: 37.5%; } .ant-col-md-pull-9 { right: 37.5%; } .ant-col-md-offset-9 { margin-left: 37.5%; } .ant-col-md-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-md-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-md-push-8 { left: 33.33333333%; } .ant-col-md-pull-8 { right: 33.33333333%; } .ant-col-md-offset-8 { margin-left: 33.33333333%; } .ant-col-md-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-md-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-md-push-7 { left: 29.16666667%; } .ant-col-md-pull-7 { right: 29.16666667%; } .ant-col-md-offset-7 { margin-left: 29.16666667%; } .ant-col-md-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-md-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-md-push-6 { left: 25%; } .ant-col-md-pull-6 { right: 25%; } .ant-col-md-offset-6 { margin-left: 25%; } .ant-col-md-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-md-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-md-push-5 { left: 20.83333333%; } .ant-col-md-pull-5 { right: 20.83333333%; } .ant-col-md-offset-5 { margin-left: 20.83333333%; } .ant-col-md-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-md-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-md-push-4 { left: 16.66666667%; } .ant-col-md-pull-4 { right: 16.66666667%; } .ant-col-md-offset-4 { margin-left: 16.66666667%; } .ant-col-md-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-md-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-md-push-3 { left: 12.5%; } .ant-col-md-pull-3 { right: 12.5%; } .ant-col-md-offset-3 { margin-left: 12.5%; } .ant-col-md-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-md-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-md-push-2 { left: 8.33333333%; } .ant-col-md-pull-2 { right: 8.33333333%; } .ant-col-md-offset-2 { margin-left: 8.33333333%; } .ant-col-md-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-md-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-md-push-1 { left: 4.16666667%; } .ant-col-md-pull-1 { right: 4.16666667%; } .ant-col-md-offset-1 { margin-left: 4.16666667%; } .ant-col-md-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-md-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-md-push-0 { left: auto; } .ant-col-md-pull-0 { right: auto; } .ant-col-md-offset-0 { margin-left: 0; } .ant-col-md-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 992px) { .ant-col-lg-1, .ant-col-lg-2, .ant-col-lg-3, .ant-col-lg-4, .ant-col-lg-5, .ant-col-lg-6, .ant-col-lg-7, .ant-col-lg-8, .ant-col-lg-9, .ant-col-lg-10, .ant-col-lg-11, .ant-col-lg-12, .ant-col-lg-13, .ant-col-lg-14, .ant-col-lg-15, .ant-col-lg-16, .ant-col-lg-17, .ant-col-lg-18, .ant-col-lg-19, .ant-col-lg-20, .ant-col-lg-21, .ant-col-lg-22, .ant-col-lg-23, .ant-col-lg-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-lg-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-lg-push-24 { left: 100%; } .ant-col-lg-pull-24 { right: 100%; } .ant-col-lg-offset-24 { margin-left: 100%; } .ant-col-lg-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-lg-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-lg-push-23 { left: 95.83333333%; } .ant-col-lg-pull-23 { right: 95.83333333%; } .ant-col-lg-offset-23 { margin-left: 95.83333333%; } .ant-col-lg-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-lg-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-lg-push-22 { left: 91.66666667%; } .ant-col-lg-pull-22 { right: 91.66666667%; } .ant-col-lg-offset-22 { margin-left: 91.66666667%; } .ant-col-lg-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-lg-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-lg-push-21 { left: 87.5%; } .ant-col-lg-pull-21 { right: 87.5%; } .ant-col-lg-offset-21 { margin-left: 87.5%; } .ant-col-lg-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-lg-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-lg-push-20 { left: 83.33333333%; } .ant-col-lg-pull-20 { right: 83.33333333%; } .ant-col-lg-offset-20 { margin-left: 83.33333333%; } .ant-col-lg-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-lg-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-lg-push-19 { left: 79.16666667%; } .ant-col-lg-pull-19 { right: 79.16666667%; } .ant-col-lg-offset-19 { margin-left: 79.16666667%; } .ant-col-lg-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-lg-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-lg-push-18 { left: 75%; } .ant-col-lg-pull-18 { right: 75%; } .ant-col-lg-offset-18 { margin-left: 75%; } .ant-col-lg-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-lg-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-lg-push-17 { left: 70.83333333%; } .ant-col-lg-pull-17 { right: 70.83333333%; } .ant-col-lg-offset-17 { margin-left: 70.83333333%; } .ant-col-lg-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-lg-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-lg-push-16 { left: 66.66666667%; } .ant-col-lg-pull-16 { right: 66.66666667%; } .ant-col-lg-offset-16 { margin-left: 66.66666667%; } .ant-col-lg-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-lg-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-lg-push-15 { left: 62.5%; } .ant-col-lg-pull-15 { right: 62.5%; } .ant-col-lg-offset-15 { margin-left: 62.5%; } .ant-col-lg-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-lg-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-lg-push-14 { left: 58.33333333%; } .ant-col-lg-pull-14 { right: 58.33333333%; } .ant-col-lg-offset-14 { margin-left: 58.33333333%; } .ant-col-lg-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-lg-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-lg-push-13 { left: 54.16666667%; } .ant-col-lg-pull-13 { right: 54.16666667%; } .ant-col-lg-offset-13 { margin-left: 54.16666667%; } .ant-col-lg-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-lg-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-lg-push-12 { left: 50%; } .ant-col-lg-pull-12 { right: 50%; } .ant-col-lg-offset-12 { margin-left: 50%; } .ant-col-lg-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-lg-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-lg-push-11 { left: 45.83333333%; } .ant-col-lg-pull-11 { right: 45.83333333%; } .ant-col-lg-offset-11 { margin-left: 45.83333333%; } .ant-col-lg-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-lg-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-lg-push-10 { left: 41.66666667%; } .ant-col-lg-pull-10 { right: 41.66666667%; } .ant-col-lg-offset-10 { margin-left: 41.66666667%; } .ant-col-lg-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-lg-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-lg-push-9 { left: 37.5%; } .ant-col-lg-pull-9 { right: 37.5%; } .ant-col-lg-offset-9 { margin-left: 37.5%; } .ant-col-lg-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-lg-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-lg-push-8 { left: 33.33333333%; } .ant-col-lg-pull-8 { right: 33.33333333%; } .ant-col-lg-offset-8 { margin-left: 33.33333333%; } .ant-col-lg-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-lg-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-lg-push-7 { left: 29.16666667%; } .ant-col-lg-pull-7 { right: 29.16666667%; } .ant-col-lg-offset-7 { margin-left: 29.16666667%; } .ant-col-lg-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-lg-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-lg-push-6 { left: 25%; } .ant-col-lg-pull-6 { right: 25%; } .ant-col-lg-offset-6 { margin-left: 25%; } .ant-col-lg-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-lg-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-lg-push-5 { left: 20.83333333%; } .ant-col-lg-pull-5 { right: 20.83333333%; } .ant-col-lg-offset-5 { margin-left: 20.83333333%; } .ant-col-lg-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-lg-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-lg-push-4 { left: 16.66666667%; } .ant-col-lg-pull-4 { right: 16.66666667%; } .ant-col-lg-offset-4 { margin-left: 16.66666667%; } .ant-col-lg-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-lg-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-lg-push-3 { left: 12.5%; } .ant-col-lg-pull-3 { right: 12.5%; } .ant-col-lg-offset-3 { margin-left: 12.5%; } .ant-col-lg-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-lg-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-lg-push-2 { left: 8.33333333%; } .ant-col-lg-pull-2 { right: 8.33333333%; } .ant-col-lg-offset-2 { margin-left: 8.33333333%; } .ant-col-lg-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-lg-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-lg-push-1 { left: 4.16666667%; } .ant-col-lg-pull-1 { right: 4.16666667%; } .ant-col-lg-offset-1 { margin-left: 4.16666667%; } .ant-col-lg-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-lg-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-lg-push-0 { left: auto; } .ant-col-lg-pull-0 { right: auto; } .ant-col-lg-offset-0 { margin-left: 0; } .ant-col-lg-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 1200px) { .ant-col-xl-1, .ant-col-xl-2, .ant-col-xl-3, .ant-col-xl-4, .ant-col-xl-5, .ant-col-xl-6, .ant-col-xl-7, .ant-col-xl-8, .ant-col-xl-9, .ant-col-xl-10, .ant-col-xl-11, .ant-col-xl-12, .ant-col-xl-13, .ant-col-xl-14, .ant-col-xl-15, .ant-col-xl-16, .ant-col-xl-17, .ant-col-xl-18, .ant-col-xl-19, .ant-col-xl-20, .ant-col-xl-21, .ant-col-xl-22, .ant-col-xl-23, .ant-col-xl-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-xl-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-xl-push-24 { left: 100%; } .ant-col-xl-pull-24 { right: 100%; } .ant-col-xl-offset-24 { margin-left: 100%; } .ant-col-xl-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xl-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-xl-push-23 { left: 95.83333333%; } .ant-col-xl-pull-23 { right: 95.83333333%; } .ant-col-xl-offset-23 { margin-left: 95.83333333%; } .ant-col-xl-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xl-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-xl-push-22 { left: 91.66666667%; } .ant-col-xl-pull-22 { right: 91.66666667%; } .ant-col-xl-offset-22 { margin-left: 91.66666667%; } .ant-col-xl-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xl-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-xl-push-21 { left: 87.5%; } .ant-col-xl-pull-21 { right: 87.5%; } .ant-col-xl-offset-21 { margin-left: 87.5%; } .ant-col-xl-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xl-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-xl-push-20 { left: 83.33333333%; } .ant-col-xl-pull-20 { right: 83.33333333%; } .ant-col-xl-offset-20 { margin-left: 83.33333333%; } .ant-col-xl-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xl-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-xl-push-19 { left: 79.16666667%; } .ant-col-xl-pull-19 { right: 79.16666667%; } .ant-col-xl-offset-19 { margin-left: 79.16666667%; } .ant-col-xl-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xl-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-xl-push-18 { left: 75%; } .ant-col-xl-pull-18 { right: 75%; } .ant-col-xl-offset-18 { margin-left: 75%; } .ant-col-xl-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xl-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-xl-push-17 { left: 70.83333333%; } .ant-col-xl-pull-17 { right: 70.83333333%; } .ant-col-xl-offset-17 { margin-left: 70.83333333%; } .ant-col-xl-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xl-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-xl-push-16 { left: 66.66666667%; } .ant-col-xl-pull-16 { right: 66.66666667%; } .ant-col-xl-offset-16 { margin-left: 66.66666667%; } .ant-col-xl-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xl-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-xl-push-15 { left: 62.5%; } .ant-col-xl-pull-15 { right: 62.5%; } .ant-col-xl-offset-15 { margin-left: 62.5%; } .ant-col-xl-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xl-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-xl-push-14 { left: 58.33333333%; } .ant-col-xl-pull-14 { right: 58.33333333%; } .ant-col-xl-offset-14 { margin-left: 58.33333333%; } .ant-col-xl-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xl-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-xl-push-13 { left: 54.16666667%; } .ant-col-xl-pull-13 { right: 54.16666667%; } .ant-col-xl-offset-13 { margin-left: 54.16666667%; } .ant-col-xl-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xl-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-xl-push-12 { left: 50%; } .ant-col-xl-pull-12 { right: 50%; } .ant-col-xl-offset-12 { margin-left: 50%; } .ant-col-xl-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xl-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-xl-push-11 { left: 45.83333333%; } .ant-col-xl-pull-11 { right: 45.83333333%; } .ant-col-xl-offset-11 { margin-left: 45.83333333%; } .ant-col-xl-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xl-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-xl-push-10 { left: 41.66666667%; } .ant-col-xl-pull-10 { right: 41.66666667%; } .ant-col-xl-offset-10 { margin-left: 41.66666667%; } .ant-col-xl-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xl-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-xl-push-9 { left: 37.5%; } .ant-col-xl-pull-9 { right: 37.5%; } .ant-col-xl-offset-9 { margin-left: 37.5%; } .ant-col-xl-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xl-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-xl-push-8 { left: 33.33333333%; } .ant-col-xl-pull-8 { right: 33.33333333%; } .ant-col-xl-offset-8 { margin-left: 33.33333333%; } .ant-col-xl-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xl-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-xl-push-7 { left: 29.16666667%; } .ant-col-xl-pull-7 { right: 29.16666667%; } .ant-col-xl-offset-7 { margin-left: 29.16666667%; } .ant-col-xl-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xl-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-xl-push-6 { left: 25%; } .ant-col-xl-pull-6 { right: 25%; } .ant-col-xl-offset-6 { margin-left: 25%; } .ant-col-xl-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xl-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-xl-push-5 { left: 20.83333333%; } .ant-col-xl-pull-5 { right: 20.83333333%; } .ant-col-xl-offset-5 { margin-left: 20.83333333%; } .ant-col-xl-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xl-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-xl-push-4 { left: 16.66666667%; } .ant-col-xl-pull-4 { right: 16.66666667%; } .ant-col-xl-offset-4 { margin-left: 16.66666667%; } .ant-col-xl-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xl-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-xl-push-3 { left: 12.5%; } .ant-col-xl-pull-3 { right: 12.5%; } .ant-col-xl-offset-3 { margin-left: 12.5%; } .ant-col-xl-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xl-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-xl-push-2 { left: 8.33333333%; } .ant-col-xl-pull-2 { right: 8.33333333%; } .ant-col-xl-offset-2 { margin-left: 8.33333333%; } .ant-col-xl-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xl-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-xl-push-1 { left: 4.16666667%; } .ant-col-xl-pull-1 { right: 4.16666667%; } .ant-col-xl-offset-1 { margin-left: 4.16666667%; } .ant-col-xl-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-xl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xl-push-0 { left: auto; } .ant-col-xl-pull-0 { right: auto; } .ant-col-xl-offset-0 { margin-left: 0; } .ant-col-xl-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 1600px) { .ant-col-xxl-1, .ant-col-xxl-2, .ant-col-xxl-3, .ant-col-xxl-4, .ant-col-xxl-5, .ant-col-xxl-6, .ant-col-xxl-7, .ant-col-xxl-8, .ant-col-xxl-9, .ant-col-xxl-10, .ant-col-xxl-11, .ant-col-xxl-12, .ant-col-xxl-13, .ant-col-xxl-14, .ant-col-xxl-15, .ant-col-xxl-16, .ant-col-xxl-17, .ant-col-xxl-18, .ant-col-xxl-19, .ant-col-xxl-20, .ant-col-xxl-21, .ant-col-xxl-22, .ant-col-xxl-23, .ant-col-xxl-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-xxl-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-xxl-push-24 { left: 100%; } .ant-col-xxl-pull-24 { right: 100%; } .ant-col-xxl-offset-24 { margin-left: 100%; } .ant-col-xxl-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xxl-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-xxl-push-23 { left: 95.83333333%; } .ant-col-xxl-pull-23 { right: 95.83333333%; } .ant-col-xxl-offset-23 { margin-left: 95.83333333%; } .ant-col-xxl-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xxl-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-xxl-push-22 { left: 91.66666667%; } .ant-col-xxl-pull-22 { right: 91.66666667%; } .ant-col-xxl-offset-22 { margin-left: 91.66666667%; } .ant-col-xxl-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xxl-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-xxl-push-21 { left: 87.5%; } .ant-col-xxl-pull-21 { right: 87.5%; } .ant-col-xxl-offset-21 { margin-left: 87.5%; } .ant-col-xxl-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xxl-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-xxl-push-20 { left: 83.33333333%; } .ant-col-xxl-pull-20 { right: 83.33333333%; } .ant-col-xxl-offset-20 { margin-left: 83.33333333%; } .ant-col-xxl-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xxl-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-xxl-push-19 { left: 79.16666667%; } .ant-col-xxl-pull-19 { right: 79.16666667%; } .ant-col-xxl-offset-19 { margin-left: 79.16666667%; } .ant-col-xxl-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xxl-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-xxl-push-18 { left: 75%; } .ant-col-xxl-pull-18 { right: 75%; } .ant-col-xxl-offset-18 { margin-left: 75%; } .ant-col-xxl-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xxl-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-xxl-push-17 { left: 70.83333333%; } .ant-col-xxl-pull-17 { right: 70.83333333%; } .ant-col-xxl-offset-17 { margin-left: 70.83333333%; } .ant-col-xxl-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xxl-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-xxl-push-16 { left: 66.66666667%; } .ant-col-xxl-pull-16 { right: 66.66666667%; } .ant-col-xxl-offset-16 { margin-left: 66.66666667%; } .ant-col-xxl-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xxl-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-xxl-push-15 { left: 62.5%; } .ant-col-xxl-pull-15 { right: 62.5%; } .ant-col-xxl-offset-15 { margin-left: 62.5%; } .ant-col-xxl-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xxl-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-xxl-push-14 { left: 58.33333333%; } .ant-col-xxl-pull-14 { right: 58.33333333%; } .ant-col-xxl-offset-14 { margin-left: 58.33333333%; } .ant-col-xxl-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xxl-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-xxl-push-13 { left: 54.16666667%; } .ant-col-xxl-pull-13 { right: 54.16666667%; } .ant-col-xxl-offset-13 { margin-left: 54.16666667%; } .ant-col-xxl-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xxl-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-xxl-push-12 { left: 50%; } .ant-col-xxl-pull-12 { right: 50%; } .ant-col-xxl-offset-12 { margin-left: 50%; } .ant-col-xxl-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xxl-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-xxl-push-11 { left: 45.83333333%; } .ant-col-xxl-pull-11 { right: 45.83333333%; } .ant-col-xxl-offset-11 { margin-left: 45.83333333%; } .ant-col-xxl-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xxl-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-xxl-push-10 { left: 41.66666667%; } .ant-col-xxl-pull-10 { right: 41.66666667%; } .ant-col-xxl-offset-10 { margin-left: 41.66666667%; } .ant-col-xxl-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xxl-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-xxl-push-9 { left: 37.5%; } .ant-col-xxl-pull-9 { right: 37.5%; } .ant-col-xxl-offset-9 { margin-left: 37.5%; } .ant-col-xxl-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xxl-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-xxl-push-8 { left: 33.33333333%; } .ant-col-xxl-pull-8 { right: 33.33333333%; } .ant-col-xxl-offset-8 { margin-left: 33.33333333%; } .ant-col-xxl-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xxl-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-xxl-push-7 { left: 29.16666667%; } .ant-col-xxl-pull-7 { right: 29.16666667%; } .ant-col-xxl-offset-7 { margin-left: 29.16666667%; } .ant-col-xxl-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xxl-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-xxl-push-6 { left: 25%; } .ant-col-xxl-pull-6 { right: 25%; } .ant-col-xxl-offset-6 { margin-left: 25%; } .ant-col-xxl-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xxl-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-xxl-push-5 { left: 20.83333333%; } .ant-col-xxl-pull-5 { right: 20.83333333%; } .ant-col-xxl-offset-5 { margin-left: 20.83333333%; } .ant-col-xxl-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xxl-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-xxl-push-4 { left: 16.66666667%; } .ant-col-xxl-pull-4 { right: 16.66666667%; } .ant-col-xxl-offset-4 { margin-left: 16.66666667%; } .ant-col-xxl-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xxl-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-xxl-push-3 { left: 12.5%; } .ant-col-xxl-pull-3 { right: 12.5%; } .ant-col-xxl-offset-3 { margin-left: 12.5%; } .ant-col-xxl-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xxl-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-xxl-push-2 { left: 8.33333333%; } .ant-col-xxl-pull-2 { right: 8.33333333%; } .ant-col-xxl-offset-2 { margin-left: 8.33333333%; } .ant-col-xxl-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xxl-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-xxl-push-1 { left: 4.16666667%; } .ant-col-xxl-pull-1 { right: 4.16666667%; } .ant-col-xxl-offset-1 { margin-left: 4.16666667%; } .ant-col-xxl-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-xxl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xxl-push-0 { left: auto; } .ant-col-xxl-pull-0 { right: auto; } .ant-col-xxl-offset-0 { margin-left: 0; } .ant-col-xxl-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .common-banner { display: flex; justify-content: center; margin: 0 auto; border-bottom: 1px solid #f7f5f5; } .common-banner .banner-inner { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1168px; background: #fafafa; border-radius: 24px; height: 440px; overflow: visible; margin: 55px 0; padding-left: 115px; padding-right: 70px; } .common-banner .banner-inner > div { max-width: 500px; } .common-banner .banner-inner .title { font-size: 32px; line-height: 1.13; color: #43454f; font-weight: 300; } .common-banner .banner-inner .subtitle { font-size: 21px; line-height: 32px; color: #777a8c; margin-top: 16px; max-width: 400px; font-weight: 300; } .common-banner .banner-inner .subtitle-smaller { font-size: 18px; line-height: 30px; } .common-banner .banner-inner .home-banner { width: 500px; height: 500px; } @media (max-width: 1024px) { .common-banner { width: 100%; padding: 0 1em; background: #fff; } .common-banner .banner-inner { width: 100%; padding: 0; background: #fff !important; flex-direction: column; height: unset; align-items: center; } .common-banner .banner-inner > div { display: flex; flex-flow: column nowrap; align-items: center; } .common-banner .banner-inner > img.home-banner { width: 100%; height: unset; } .common-banner .banner-inner .title { max-width: 325px; font-size: 28px; line-height: 42px; letter-spacing: 1px; color: #43454f; text-align: center; margin-left: 0; font-weight: normal; } .common-banner .banner-inner .subtitle { text-align: center; font-size: 17px; line-height: 32px; color: #777a8c; margin-left: 0; margin-top: 0; margin-bottom: 0; max-width: 325px; } .common-banner .banner-inner .home-download > div { margin-left: 0; } .common-banner .banner-inner .home-download { margin: 20px 0 45px 0; } .common-banner .banner-inner .banner { width: 100%; padding-right: 0; } .common-banner .banner-inner .banner.pc { display: none; } .common-banner .banner-inner .banner.mobile { display: initial; } } .download.waist { background: #f6f8fb; height: 200px; } .download.waist p { margin-bottom: 0; } .download.waist .download-btn { width: 190px; height: 48px; background: #468bdf; border-radius: 8px; display: flex; justify-content: center; align-items: center; font-weight: 500; font-size: 18px; color: #fafcff; } .download.waist .experience_desc { font-weight: 400; font-size: 24px; line-height: 32px; display: flex; align-items: center; letter-spacing: 0.4px; color: #777a8c; margin-bottom: 20px; } .download.waist .content { width: 1190px; margin: 0 auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .download.waist .content .title { font-size: 17px; line-height: 26px; color: #777a8c; margin-bottom: 7px; } .download.waist .content .subtitle { font-size: 13px; line-height: 21px; letter-spacing: 0.4px; color: #777a8c; font-weight: 300; } .download.waist .content .app-logo { width: 50px; height: 50px; margin-right: 15px; } .download.waist .content .example { height: 200px; } .download.waist .content .mini-download { margin-left: 50px; } .mini-download.platforms > .flex-row { margin-right: 12px; align-items: flex-start; } .mini-download.platforms > .flex-row > div { margin-right: 5px; } .mini-download.platforms > .flex-row a { text-align: left; margin-top: 2px; max-width: 155px; } .mini-download.platforms > .flex-row a.link-hover { margin-top: 10px; } .mini-download.platforms .qrcode { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); border-radius: 6px; margin-top: 2px; cursor: pointer; } .mini-download.platforms a.more-detail { color: #777a8c; } .mini-download.platforms .link-hover span { white-space: normal; } .mini-download.platforms .chevron-right { position: relative; top: -1px; } .mini-download .platform-description { margin: 10px 20px 0px 20px; font-size: 14px; color: #191c1e; align-self: flex-end; } .mini-download .platform-description a { font-size: 14px; font-weight: 500; color: #d87400; } .mini-download .desc { margin-top: 30px; } .mini-download .desc span { color: #949ea6; } .mini-download .desc .more-detail { margin-left: 10px; } .google-play-popover .ant-popover-inner { border-radius: 16px; } .platform-description { font-size: 14px; color: #191c1e; align-self: flex-end; } .platform-description a { font-size: 14px; font-weight: 500; color: #d87400; } .app-store-region-modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 40px; background: rgba(50, 56, 72, 0.7); } .app-store-region-modal__dialog { width: 420px; padding: 20px; background: #fafbfc; border-radius: 12px; } .app-store-region-modal__content { margin: 0; color: #11293b; font-size: 15px; font-weight: 400; line-height: 30px; text-align: left; } .app-store-region-modal__actions { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; gap: 20px; margin-top: 20px; } .app-store-region-modal__button { display: flex; flex: 1 1 0; align-items: center; justify-content: center; height: 40px; border-radius: 8px; padding: 0; font-size: 15px; font-weight: 400; line-height: 25px; text-decoration: none; } .app-store-region-modal__button--secondary { color: #11293b; background: #fafbfc; border: 1px solid #949ea6; } .app-store-region-modal__button--secondary:hover { color: #11293b; } .app-store-region-modal__button--primary { color: #ffffff; background: #468bdf; border: 1px solid #1890ff; } .app-store-region-modal__button--primary:hover { color: #ffffff; } @media (max-width: 1024px) { .mini-download { align-items: center; } .mini-download.platforms > div { align-items: center; } .mini-download .flex-row { flex-direction: column; margin-right: 0 !important; } .mini-download .flex-row .flex-column:last-child { margin-right: 0; margin-top: 10px; } .mini-download .platform-description { align-self: center; margin: 10px 50px 0px 50px; } .mini-download .desc { margin-top: 15px; } .mini-download .app-store { width: 150px; height: 47px; } .mini-download .ant-btn { height: 47px; border: 1px solid black; width: 150px; border-radius: 8px; } .mini-download .ant-btn span { font-weight: 500 !important; font-size: 17px !important; line-height: 46px !important; color: black !important; } } .h-30vh { height: 30vh; } .overflow-hidden { overflow: hidden; } .absolute { position: absolute; } .relative { position: relative; } .left-1\/2 { left: 50%; } .-top-25 { top: -6.25rem; } .-bottom-1px { bottom: -1px; } .left-0 { left: 0px; } .right-0 { right: 0px; } .w-full { width: 100%; } .w-250 { width: 62.5rem; } .transform { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate: 0; --tw-rotate-x: 0; --tw-rotate-y: 0; --tw-rotate-z: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)); -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)); transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)); } .-translate-x-1\/2 { --tw-translate-x: -50%; } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .animate-spin { -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } .animate-duration-200000 { -webkit-animation-duration: 200000ms; animation-duration: 200000ms; } @media (min-width: 768px) { .md\:-top-55 { top: -13.75rem; } .md\:w-360 { width: 90rem; } } @media (min-width: 1024px) { .lg\:-top-70 { top: -17.5rem; } .lg\:w-420 { width: 105rem; } } @media (min-width: 1536px) { .\32 xl\:-top-25vw { top: -25vw; } .\32 xl\:w-130vw { width: 130vw; } } @font-face { font-family: Outfit; src: url(/assets/27e5a7e1e9e4.ttf); font-weight: 400; unicode-range: U+30-39, U+61-7A, U+41-5A; } @font-face { font-family: Outfit; src: url(/assets/960b220d7d44.ttf); font-weight: 500; unicode-range: U+30-39, U+61-7A, U+41-5A; } @font-face { font-family: Outfit; src: url(/assets/7985d38c9da4.ttf); font-weight: 700; unicode-range: U+30-39, U+61-7A, U+41-5A; } .anniversary-page .anniversary-page__container * { font-family: Outfit, -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, sans-serif; } @media (min-width: 768px) { .md\:hidden { display: none; } } .text-right { text-align: right; } .max-w-22rem { max-width: 22rem !important; } .max-w-35rem { max-width: 35rem !important; } @media screen and (min-width: 768px) { .\>sm\:hidden { display: none; } } @media screen and (max-width: 640px) { .sm\:max-w-7rem { max-width: 7rem !important; } .sm\:max-w-8rem { max-width: 8rem !important; } .sm\:max-w-9rem { max-width: 9rem !important; } .sm\:max-w-10rem { max-width: 10rem !important; } .sm\:max-w-12rem { max-width: 12rem !important; } .sm\:max-w-14rem { max-width: 14rem !important; } .sm\:max-w-17rem { max-width: 17rem !important; } } .anniversary-page .anniversary-page__container { background-image: url(https://token.im/images/anniversary/background.png); padding-bottom: 12.5rem; background-repeat: no-repeat; background-size: contain; display: flex; flex-direction: column; gap: 8rem; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-page__container { padding-bottom: 4.5rem; gap: 1rem; } } .anniversary-page .anniversary-banner { min-height: calc(100vh - 80px); display: flex; align-items: center; } @media screen and (max-height: 700px) { .anniversary-page .anniversary-banner { align-items: flex-start; } } .anniversary-page .anniversary-banner .anniversary-banner__container { display: flex; flex-direction: column; align-items: center; max-width: 1168px; margin: 0 auto; padding-top: 6rem; padding-bottom: 6rem; } @media (max-height: 900px) { .anniversary-page .anniversary-banner .anniversary-banner__container { padding-top: 12rem; } } .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__logo { width: 288px; height: 400px; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__logo { width: 122px; height: 175px; } } .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__title { color: black; font-size: 74px; font-weight: 700; text-align: center; padding-top: 1rem; } .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__title .comma { width: 4rem; height: 100%; } .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__title .comma::before { content: "\FF0C"; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__title .comma { display: none; } } .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__title div { display: inline-block; } .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__title span { color: #007FFF; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__title { display: flex; align-items: center; flex-direction: column; line-height: 62px; font-size: 42px; } } .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__title.en { font-size: 68px; font-weight: 500; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__title.en { font-size: 36px; font-weight: 700; line-height: 42px; } } .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__description { font-size: 21px; padding: 1rem 115px; text-align: center; margin-bottom: 0.75rem; } .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__description.en { padding: 1rem 100px; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__description.en { padding: 1rem; font-size: 12px; } } @media screen and (max-width: 640px) { .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__description { padding: 1rem; font-size: 12px; } } .anniversary-page .anniversary-banner .anniversary-banner__container .anniversary-banner__button { background-color: #007FFF; color: white; border-radius: 9999px; border: none; padding: 4px 2rem; font-size: 22px; } .anniversary-page .anniversary-section .anniversary-section__container { margin: 0 auto; padding: 0 1rem; max-width: 1168px; } .anniversary-page .anniversary-section.heading { margin-bottom: 6rem; } @media screen and (max-width: 768px) { .anniversary-page .anniversary-section.heading { margin-bottom: 5rem; } } .anniversary-page .anniversary-section.heading .anniversary-section__container { color: black; display: flex; flex-direction: column; gap: 2rem; } @media (max-width: 639.9px) { .anniversary-page .anniversary-section.heading .anniversary-section__container { gap: 1rem; width: unset; max-width: 27rem; } .anniversary-page .anniversary-section.heading .anniversary-section__container.zh { max-width: 25rem; } } .anniversary-page .anniversary-section.heading .anniversary-section__container .slide-from-bottom { transition: transform 800ms cubic-bezier(0.34, -0.32, 0.19, 1.08); transition-delay: var(--slide-delay, 0ms); } .anniversary-page .anniversary-section.heading .anniversary-section__container .slide-from-bottom:not(.windi-1109hck):not(.active) { transform: translateY(80%); } .anniversary-page .anniversary-section.heading .anniversary-section__container .slide-from-bottom.windi-1109hck:not(.active) { --tw-translate-y: calc(80% + -30px); } .anniversary-page .anniversary-section.heading .anniversary-section__container .tokens { display: -webkit-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-weight: 700; font-size: 104px; line-height: 1; margin-bottom: 1.2rem; grid-gap: 0.75rem; gap: 0.75rem; width: 100%; overflow: hidden; } @media screen and (max-width: 768px) { .anniversary-page .anniversary-section.heading .anniversary-section__container .tokens { font-size: 64px; line-height: 1; } } @media (max-width: 640px) { .anniversary-page .anniversary-section.heading .anniversary-section__container .tokens { font-size: 52px; line-height: 1; } } .anniversary-page .anniversary-section.heading .anniversary-section__container .tokens .tokens-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 100px; } @media (max-width: 639.9px) { .anniversary-page .anniversary-section.heading .anniversary-section__container .tokens .tokens-icon { height: 50px; } } .anniversary-page .anniversary-section.heading .anniversary-section__container .tokens .tokens-icon .icon-1 { height: 100%; } @media (max-width: 639.9px) { .anniversary-page .anniversary-section.heading .anniversary-section__container .tokens .tokens-icon .icon-1 { display: none; } } .anniversary-page .anniversary-section.heading .anniversary-section__container .tokens .tokens-icon .icon-2 { height: 100%; } .anniversary-page .anniversary-section.heading .anniversary-section__container .description-small { padding: 0 1rem; } @media (min-width: 640px) { .anniversary-page .anniversary-section.heading .anniversary-section__container .description-small { display: none; } } .anniversary-page .anniversary-section.heading .anniversary-section__container .description-small .change-how-we-innovate-share { font-weight: 700; font-size: 36px; line-height: 1; line-height: 70px; position: relative; text-indent: 68px; } .anniversary-page .anniversary-section.heading .anniversary-section__container .description-small .and-interact { font-weight: 700; font-size: 36px; line-height: 1; position: relative; text-align: right; } @media (max-width: 639.9px) { .anniversary-page .anniversary-section.heading .anniversary-section__container .description-large { display: none; } } .anniversary-page .anniversary-section.heading .anniversary-section__container .description-large .change-how-we-innovate { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-weight: 700; font-size: 72px; line-height: 1; position: relative; overflow: hidden; } @media screen and (max-width: 768px) { .anniversary-page .anniversary-section.heading .anniversary-section__container .description-large .change-how-we-innovate { font-size: 50px; } } .anniversary-page .anniversary-section.heading .anniversary-section__container .description-large .share-and-interact { font-size: 72px; line-height: 1; padding-top: 30px; font-weight: 700; display: flex; justify-content: center; overflow: hidden; } @media screen and (max-width: 768px) { .anniversary-page .anniversary-section.heading .anniversary-section__container .description-large .share-and-interact { font-size: 50px; } } .anniversary-page .anniversary-section.heading .anniversary-section__container .description-large .share-and-interact.en { justify-content: flex-start; } .anniversary-page .anniversary-section.accessible { margin-bottom: -6rem; } @media screen and (max-width: 768px) { .anniversary-page .anniversary-section.accessible { margin-bottom: 0rem; } } .anniversary-page .anniversary-section.accessible .anniversary-section__container h2 { text-align: center; font-size: 62px; font-weight: 700; } .anniversary-page .anniversary-section.accessible .anniversary-section__container h2 span { color: #007fff; } @media screen and (max-width: 768px) { .anniversary-page .anniversary-section.accessible .anniversary-section__container h2 { font-size: 36px; } } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.accessible .anniversary-section__container h2 { font-size: 24px; } } .anniversary-page .anniversary-section.benifits { margin-bottom: -4.5rem; } @media screen and (max-width: 768px) { .anniversary-page .anniversary-section.benifits { margin-bottom: 0rem; } } .anniversary-page .anniversary-section.benifits .anniversary-section__container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: 3rem; } @media screen and (max-width: 768px) { .anniversary-page .anniversary-section.benifits .anniversary-section__container { gap: 1rem; } } .anniversary-page .anniversary-section.benifits .anniversary-section__container .wysiwys { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; } .anniversary-page .anniversary-section.benifits .anniversary-section__container .wysiwys div:first-child { padding: 58px; color: #121314; font-weight: 500; font-size: 42px; flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: flex-start; } @media screen and (max-width: 768px) { .anniversary-page .anniversary-section.benifits .anniversary-section__container .wysiwys div:first-child { padding: 40px; font-size: 24px; } } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.benifits .anniversary-section__container .wysiwys div:first-child { padding: 16px; font-size: 14px; } } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.benifits .anniversary-section__container .wysiwys div:first-child.en { padding-right: 0; } } .anniversary-page .anniversary-section.benifits .anniversary-section__container .left-card { background-color: #f3f3f3; border-radius: 62px; overflow: hidden; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.benifits .anniversary-section__container .left-card { border-radius: 18px; } } .anniversary-page .anniversary-section.benifits .anniversary-section__container .left-card > img:not(.active) { transform: translateY(-80%); } .anniversary-page .anniversary-section.benifits .anniversary-section__container .left-card > img.active { animation: 800ms 1 slide-from-top cubic-bezier(0.25, 0.46, 0.45, 0.94); } .anniversary-page .anniversary-section.benifits .anniversary-section__container .right-card { border-radius: 62px; overflow: hidden; background-size: contain; background-image: url(https://token.im/images/anniversary/benifit-2-bg.png); } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.benifits .anniversary-section__container .right-card { border-radius: 18px; } } .anniversary-page .anniversary-section.benifits .anniversary-section__container .right-card > img:not(.active) { transform: translateY(80%); } .anniversary-page .anniversary-section.benifits .anniversary-section__container .right-card > img.active { animation: 800ms 1 slide-from-bottom cubic-bezier(0.25, 0.46, 0.45, 0.94); } .anniversary-page .anniversary-section.benifits .anniversary-section__container img { width: 100%; } .anniversary-page .anniversary-section.connect .card { position: relative; display: flex; align-items: flex-end; flex-direction: column; font-weight: 500; font-size: 42px; color: black; background-color: #f5f5f5; border-radius: 66px; background-image: url(https://token.im/_next/static/images/connect-bg-f591277b05754272a67e028dcbc1e01a.png); background-size: contain; background-repeat: no-repeat; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.connect .card { font-size: 16px; border-radius: 18px; } } .anniversary-page .anniversary-section.connect .navigate-button { padding-top: 2rem; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.connect .navigate-button { padding-top: 1.1rem; } } .anniversary-page .anniversary-section.connect .navigate-button .button { display: inline-flex; align-items: center; justify-content: center; background-color: transparent; border: 2px black solid; padding: 0.75rem 2rem; border-radius: 4rem; } @media screen and (max-width: 768px) and (min-width: 640px) { .anniversary-page .anniversary-section.connect .navigate-button .button { border-width: 1px; padding: 0.45rem 1.2rem; } .anniversary-page .anniversary-section.connect .navigate-button .button .arrow-left { width: 81px; height: 45px; } } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.connect .navigate-button .button { border-width: 1px; padding: 0.25rem 1rem; } .anniversary-page .anniversary-section.connect .navigate-button .button .arrow-left { width: 54px; height: 30px; } } .anniversary-page .anniversary-section.connect .metamask-icon { position: absolute; left: 0; bottom: 0; transform: scale(0.4) translateX(-370px) translateY(640px); } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.connect .metamask-icon { transform: scale(0.15) translateX(-1580px) translateY(1840px); } } .anniversary-page .anniversary-section.connect .imkey-icon { position: absolute; left: 0; bottom: 0; transform: scale(0.8) translateX(20px) translateY(-90px); } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.connect .imkey-icon { transform: scale(0.3) translateX(-40px) translateY(-40px); } } .anniversary-page .anniversary-section.tokenhub { margin-top: 10rem; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.tokenhub { margin-top: 5rem; } } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .title { text-align: center; margin: 0 auto; margin-bottom: 50px; display: flex; justify-content: center; } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .title h3 { font-size: 62px; font-weight: 700; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .title h3 { font-size: 24px; } } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .title span { color: #007FFF; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .title { margin-bottom: 20px; } } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card { position: relative; background-repeat: no-repeat; background-size: cover; background-position: right; background-color: #f5f5f5; padding: 75px; border-radius: 66px; font-weight: 500; color: black; display: flex; flex-direction: column; height: 420px; overflow: hidden; } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card .tokenhub-animation-container { position: absolute; top: 0; bottom: 0; right: 0; } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card .tokenhub-animation { height: 100%; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card { font-size: 16px; padding: 24px; border-radius: 18px; height: 150px; } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card .tokenhub-animation { transform: translateX(20px); } } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card a[role="button"] { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; color: white; background-color: #007FFF; border: none; border-radius: 9999px; padding: 0.5rem 2rem; font-size: 32px; gap: 0.25rem; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card a[role="button"] { font-size: 11px; padding: 0.25rem 1rem; } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card a[role="button"] .arrow-left { width: 6px; height: 10px; } } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card .description { max-width: 400px; flex: 1; font-size: 42px; position: relative; } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card .description:not(.zh) { line-height: 1.3; max-width: 490px; } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card .description:not(.zh) { max-width: 150px; } } @media screen and (max-width: 640px) { .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card .description { padding-top: 0.25rem; max-width: 180px; font-size: 14px; } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card .description.zh { font-size: 16px; max-width: 150px; } } .anniversary-page .anniversary-section.tokenhub .anniversary-section__container .card .description + div { position: relative; } @keyframes slide-from-top { 0% { transform: translateY(-80%); } 100% { transform: translateY(0%); } } @keyframes slide-from-bottom { 0% { transform: translateY(80%); } 100% { transform: translateY(0); } } .windi-o3zaxq { display: inline-block; height: 55px; margin-bottom: 5px; } .windi-o3zdct { display: inline-block; height: 65px; margin-bottom: 5px; } .windi-14d11x5 { height: 60px; position: absolute; top: -10px; left: 15%; } .windi-odphbs { display: inline-block; height: 100px; margin-right: 1rem; } .windi-1jkqlwy { display: inline-block; height: 100px; } .windi-1109hck { display: inline-block; height: 120px; margin-right: 3.75rem; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate: 0; --tw-rotate-x: 0; --tw-rotate-y: 0; --tw-rotate-z: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)); -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)); transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)); --tw-translate-y: -30px; --tw-translate-x: 3rem; } .windi-10z9n45 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; padding-top: 5%; padding-bottom: 5%; padding-right: 5%; } @media (max-width: 639.9px) { .windi-10z9n45 { font-size: 14px; } } .windi-e4wi42 { display: none; } @media (max-width: 639.9px) { .windi-e4wi42 { display: block; } } .download-btn { width: 190px; height: 48px; background: #468BDF; border-radius: 8px; display: flex; justify-content: center; align-items: center; font-weight: 500; font-size: 18px; color: #FAFCFF; } @media (max-width: 860px) { .download-wrapper { display: flex; justify-content: center; } } .wechat-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 9999; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; } .wechat-overlay .wechat-overlay-content { position: relative; width: 100%; height: 100%; margin: 0 auto; } .wechat-overlay .wechat-overlay-bg { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: auto; pointer-events: none; } .wechat-overlay .wechat-close-btn { position: absolute; top: 76px; right: 59px; width: 24px; height: 24px; background-color: white; border: none; border-radius: 6px; padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: opacity 0.2s; } .wechat-overlay .wechat-close-btn:hover { opacity: 0.8; } .wechat-overlay .wechat-close-btn:active { opacity: 0.6; } .wechat-overlay .wechat-close-btn svg { width: 16px; height: 16px; display: block; } .wechat-overlay .phone-gesture-area { position: absolute; top: 6px; right: 18px; width: 76px; height: 62px; pointer-events: none; } .wechat-overlay .phone-gesture-area .gesture-arrow { position: absolute; top: 2px; right: 2px; } .wechat-overlay .phone-gesture-area .menu-dots-icon { position: absolute; bottom: 8px; left: 11px; width: 24px; height: 24px; background-color: white; border-radius: 6px; display: flex; align-items: center; justify-content: center; } .wechat-overlay .wechat-overlay-steps { position: relative; z-index: 1; color: white; } .wechat-overlay .wechat-step { display: flex; align-items: center; position: absolute; } .wechat-overlay .wechat-step .step-number { width: 20px; height: 20px; border-radius: 50%; background-color: white; color: #038CFF; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; flex-shrink: 0; } .wechat-overlay .wechat-step .step-text { font-size: 14px; font-weight: 400; white-space: nowrap; margin-left: 6px; font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .wechat-overlay .wechat-step.wechat-step-1 { top: 40px; right: 90px; } .wechat-overlay .wechat-step.wechat-step-2 { top: 79px; right: 88px; } .beta-page { padding-top: 24px; display: flex; flex-direction: column; align-items: center; color: #1d1d1f; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; } .beta-page .beta-header { text-align: center; margin-bottom: 60px; } .beta-page .beta-header .logo { width: 80px; height: 80px; margin-bottom: 20px; } .beta-page .beta-header h1 { font-size: 32px; font-weight: 600; margin-bottom: 20px; color: #1d1d1f; } .beta-page .beta-header .features { display: flex; justify-content: center; gap: 30px; color: #505050; font-size: 16px; } .beta-page .beta-header .features .feature-item { display: flex; align-items: center; } .beta-page .beta-header .features .feature-item .check-icon { width: 16px; height: 16px; margin-right: 8px; color: #007AFF; /* If using an svg for check, this might not apply, but good for placeholder */ } .beta-page .beta-cards { display: flex; flex-direction: row; width: 100%; justify-content: center; flex-wrap: nowrap; gap: 24px; margin-bottom: 20px; } .beta-page .beta-cards .card { border: 1px solid #E5E5E5; border-radius: 16px; padding: 30px; padding-bottom: 34px; width: 367px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: all 0.3s ease; } .beta-page .beta-cards .card:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .beta-page .beta-cards .card .card-icon { height: 60px; margin-bottom: 20px; } .beta-page .beta-cards .card .card-title { text-align: center; font-size: 18px; font-weight: 700; color: #000; margin: 0; } .beta-page .beta-cards .card .card-desc { font-size: 14px; color: #9598AB; text-align: left; margin: 0; margin-top: 16px; margin-bottom: 30px; } .beta-page .beta-cards .card .card-desc-strong { font-size: 14px; color: #43454F; } .beta-page .beta-cards .card .download-btn { background: #000; color: #fff; border-radius: 30px; padding: 12px 30px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-weight: 500; font-size: 16px; width: 240px; height: 56px; transition: opacity 0.2s; } .beta-page .beta-cards .card .download-btn:hover { opacity: 0.8; } .beta-page .beta-cards .card .download-btn img { height: 24px; margin-right: 10px; } .beta-page .beta-warning { background: #FAFAFA; border-radius: 16px; padding: 20px 30px; width: 100%; border: 0.5px solid #FFF; } .beta-page .beta-warning .warning-title { display: flex; text-align: left; margin-bottom: 8px; align-items: flex-start; } .beta-page .beta-warning .warning-title .warning-title-text { font-size: 14px; font-weight: 400; color: #43454F; margin: 0; } .beta-page .beta-warning ul { list-style-type: disc; padding-left: 20px; margin: 0; font-weight: 400; } .beta-page .beta-warning ul li { text-align: left; color: #9598AB; font-size: 13px; font-weight: 400; margin-bottom: 8px; } @media (max-width: 768px) { .beta-page { padding: 30px 20px; } .beta-page .beta-header h1 { font-size: 24px; } .beta-page .beta-header .features { flex-direction: column; gap: 10px; align-items: center; } .beta-page .beta-cards { flex-direction: column; } .beta-page .beta-cards .card { width: 100%; padding: 20px; } .beta-page .beta-warning { padding: 20px 20px; } .beta-page .warning-title { margin-bottom: 4px; } .beta-page .warning-title-text { font-size: 14px; font-weight: 400; color: #43454F; } } .stake-landing-page { min-height: 100vh; max-width: 100%; overflow-x: hidden; background: linear-gradient(180deg, #eaf4ff 0%, #f4f6f8 280px); color: #111d4a; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Noto Sans SC', sans-serif; } .stake-landing-page * { box-sizing: border-box; } .stake-landing-page:lang(ko) { word-break: keep-all; } .stake-landing-main { width: 100%; max-width: 430px; margin-inline: auto; padding: 24px 20px calc(24px + env(safe-area-inset-bottom)); overflow-x: hidden; } .stake-landing-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .stake-landing-card { position: relative; z-index: 1; background: #fff; border-radius: 20px; box-shadow: 0 8px 24px rgba(17, 29, 74, 0.05); padding: 16px; } .stake-landing-asset-icon { display: block; flex: 0 0 36px; width: 36px; height: 36px; } .stake-landing-chevron { flex: 0 0 16px; color: rgba(17, 29, 74, 0.48); transition: transform 180ms cubic-bezier(0.2, 0, 0, 1); pointer-events: none; } .stake-landing-chevron--open { transform: rotate(180deg); } .stake-landing-hero { position: relative; z-index: 0; display: flex; align-items: flex-start; justify-content: space-between; min-height: 120px; margin-block-end: 10px; padding-inline-end: 112px; } .stake-landing-hero__copy { position: relative; z-index: 1; min-width: 0; max-width: 16em; max-width: min(16em, 100%); padding-inline-start: 8px; } .stake-landing-hero__copy h1 { margin: 0 0 8px; font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: -0.02em; overflow-wrap: anywhere; text-wrap: balance; } .stake-landing-hero__copy > p:not(.stake-landing-hero__badge) { margin: 0 0 12px; color: rgba(17, 29, 74, 0.62); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; } .stake-landing-hero__badge { display: inline-flex; align-items: center; max-width: 100%; height: 36px; margin: 0; padding: 0 12px; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 100px; background: rgba(0, 127, 255, 0.08); box-shadow: 2px 2px 20px 6px rgba(0, 127, 255, 0.04); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #1e80ff; font-size: 12px; line-height: 1; font-weight: 500; overflow-wrap: anywhere; } .stake-landing-hero__visual { position: absolute; inset-block-start: -43px; inset-inline-end: -36px; width: 192px; height: 192px; pointer-events: none; } .stake-landing-hero__rings { display: block; width: 192px; height: 192px; } .stake-landing-hero__safe { position: absolute; inset-block-start: 50%; inset-inline-start: 50%; width: 115px; height: 115px; transform: translate(-50%, -52%); } .stake-landing-features { display: flex; flex-direction: column; gap: 0; } .stake-landing-feature-row + .stake-landing-feature-row { margin-block-start: 12px; padding-block-start: 12px; border-block-start: 1px solid #f9fdff; } .stake-landing-features--open .stake-landing-feature-row + .stake-landing-feature-row { border-block-start: 0; } .stake-landing-feature { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; text-align: start; cursor: pointer; } .stake-landing-feature__copy { display: flex; flex: 1 1 auto; flex-direction: column; gap: 2px; min-width: 0; } .stake-landing-feature__title { font-size: 16px; line-height: 1.35; font-weight: 600; overflow-wrap: anywhere; } .stake-landing-feature__subtitle { color: rgba(17, 29, 74, 0.48); font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; } .stake-landing-feature__panel, .stake-landing-know__panel, .stake-landing-calc__fields, .stake-landing-calc__summary { display: grid; grid-template-rows: 0fr; } .stake-landing-feature__panel--open, .stake-landing-know__panel--open, .stake-landing-calc__fields--open, .stake-landing-calc__summary--open { grid-template-rows: 1fr; } .stake-landing-feature__panel-inner, .stake-landing-know__panel-inner, .stake-landing-calc__fields-inner, .stake-landing-calc__summary-inner { min-height: 0; overflow: hidden; } .stake-landing-feature__panel-inner p { margin: 10px 0 0; color: rgba(17, 29, 74, 0.4); font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; } .stake-landing-card + .stake-landing-card { margin-block-start: 12px; } .stake-landing-calc { margin-block-start: 12px; } .stake-landing-calc__header { display: flex; align-items: center; gap: 8px; margin-block-end: 14px; } .stake-landing-calc__title { display: flex; align-items: center; gap: 4px; min-width: 0; } .stake-landing-calc__title h2 { flex: 0 1 auto; min-width: 0; margin: 0; font-size: 16px; line-height: 1.35; font-weight: 600; } .stake-landing-calc__info, .stake-landing-calc__toggle { flex: 0 0 auto; min-width: 32px; min-height: 32px; padding: 0; border: 0; background: transparent; color: rgba(17, 29, 74, 0.48); cursor: pointer; } .stake-landing-calc__info { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 16px; min-width: 16px; min-height: 16px; } .stake-landing-calc__info::after { content: ''; position: absolute; inset: -8px; } .stake-landing-calc__toggle { margin-inline-start: auto; color: #1e80ff; font-size: 13px; font-weight: 500; } .stake-landing-calc__summary-inner { display: flex; flex-direction: column; gap: 10px; margin: 0; } .stake-landing-calc__summary--open .stake-landing-calc__summary-inner { padding-block-end: 14px; } .stake-landing-calc__row + .stake-landing-field__error { margin-block-start: 2px; } .stake-landing-calc__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; } .stake-landing-calc__row dt { color: rgba(17, 29, 74, 0.48); font-size: 14px; line-height: 1.4; font-weight: 400; } .stake-landing-calc__row dd { margin: 0; min-width: 0; color: #111d4a; font-size: 14px; line-height: 1.4; font-weight: 600; font-variant-numeric: tabular-nums; text-align: end; overflow-wrap: anywhere; } .stake-landing-calc__fields-inner { display: flex; flex-direction: column; gap: 16px; } .stake-landing-calc__fields--open .stake-landing-calc__fields-inner { padding: 6px 6px 22px; margin: -6px -6px 0; } .stake-landing-field { display: flex; flex-direction: column; gap: 8px; } .stake-landing-field--error input, .stake-landing-field--error input:focus-visible { outline: 2px solid #f31260; outline-offset: 2px; } .stake-landing-field__error { margin: 0; color: #f31260; font-size: 12px; line-height: 1.4; } .stake-landing-field__label { color: rgba(17, 29, 74, 0.48); font-size: 13px; line-height: 1.3; } .stake-landing-field__control { position: relative; display: block; } .stake-landing-field input, .stake-landing-field select { width: 100%; height: 48px; padding: 0 52px 0 16px; border: 0; border-radius: 14px; background: #f4f6f8; color: #111d4a; font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; appearance: none; overflow: hidden; } .stake-landing-field--period select { padding-inline-end: 76px; } .stake-landing-field__meta { position: absolute; inset-block-start: 50%; inset-inline-end: 14px; display: inline-flex; align-items: center; gap: 4px; transform: translateY(-50%); pointer-events: none; } .stake-landing-field__suffix { color: rgba(17, 29, 74, 0.48); font-size: 14px; line-height: 1.2; font-weight: 500; } .stake-landing-field__chevron { flex: 0 0 16px; color: rgba(17, 29, 74, 0.48); } .stake-landing-feature:focus-visible, .stake-landing-know__trigger:focus-visible, .stake-landing-calc__info:focus-visible, .stake-landing-calc__toggle:focus-visible, .stake-landing-field input:focus-visible, .stake-landing-field select:focus-visible, .stake-landing-cta:focus-visible { outline: 2px solid #1e80ff; outline-offset: 2px; } .stake-landing-calc__results { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .stake-landing-result { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 14px 12px; border-radius: 14px; } .stake-landing-result__label { font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; } .stake-landing-result__value { font-size: 22px; line-height: 1.15; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; } .stake-landing-result__unit { margin-inline-start: 4px; font-size: 13px; font-weight: 500; } .stake-landing-result--withdraw { background: #e8f3ff; } .stake-landing-result--withdraw .stake-landing-result__label, .stake-landing-result--withdraw .stake-landing-result__value { color: #1e80ff; } .stake-landing-result--withdraw .stake-landing-result__unit { color: rgba(30, 128, 255, 0.62); } .stake-landing-result--compound { background: #e8f8ef; } .stake-landing-result--compound .stake-landing-result__label, .stake-landing-result--compound .stake-landing-result__value { color: #1fa971; } .stake-landing-result--compound .stake-landing-result__unit { color: rgba(31, 169, 113, 0.62); } .stake-landing-know__trigger { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; text-align: start; cursor: pointer; } .stake-landing-know__trigger .stake-landing-know__title { flex: 1 1 auto; min-width: 0; font-size: 16px; font-weight: 600; overflow-wrap: anywhere; } .stake-landing-know ul { margin: 12px 0 0; padding: 0 0 0 18px; } .stake-landing-know li { margin-block-end: 12px; font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; } .stake-landing-know li:last-child { margin-block-end: 0; } .stake-landing-know li strong { display: block; margin-block-end: 2px; color: #111d4a; font-weight: 600; } .stake-landing-know li span { display: block; color: rgba(17, 29, 74, 0.4); } .stake-landing-cta { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; margin-block-start: 20px; border-radius: 999px; background: radial-gradient(at 100% 100%, rgba(12, 197, 255, 0.7) 0%, rgba(0, 127, 255, 0.7) 100%); box-shadow: 0 10px 20px rgba(30, 128, 255, 0.22); color: #fff; -webkit-text-fill-color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; } .stake-landing-cta::before { content: ''; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; background: linear-gradient(104.95deg, rgba(255, 255, 255, 0.5) 0%, rgba(49, 143, 239, 0.07) 29%, rgba(12, 197, 255, 0.07) 100%); pointer-events: none; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; } .stake-landing-cta:link, .stake-landing-cta:visited, .stake-landing-cta:hover, .stake-landing-cta:active, .stake-landing-cta:focus { color: #fff; -webkit-text-fill-color: #fff; text-decoration: none; } .stake-landing-cta:active { transform: scale(0.96); } @media (prefers-reduced-motion: no-preference) { .stake-landing-feature__panel, .stake-landing-know__panel, .stake-landing-calc__fields, .stake-landing-calc__summary { transition: grid-template-rows 200ms cubic-bezier(0.2, 0, 0, 1); } .stake-landing-cta { transition: transform 150ms cubic-bezier(0.2, 0, 0, 1); } } @media (min-width: 768px) { .stake-landing-main { padding-block-start: 40px; } } .stake-landing-calc-info { max-width: 260px; } .stake-landing-calc-info .ant-popover-inner-content { color: rgba(17, 29, 74, 0.62); font-size: 13px; line-height: 1.5; } .tron-guide-page { -webkit-tap-highlight-color: transparent; background: #fff; min-height: 100vh; } .tron-guide-main { padding-bottom: 40px; } .tron-guide-browser-tip-wrap { background: #EDF6FF; width: 100%; } .tron-guide-browser-tip__inner { box-sizing: border-box; margin: 0 auto; max-width: 1168px; padding: 16px 8px; } .tron-guide-browser-tip { align-items: center; display: flex; gap: 16px; } .tron-guide-browser-tip__text { color: #111d4a; flex: 1; font-size: 12px; line-height: 1; margin: 0; } .tron-guide-browser-tip__text-inner { align-items: center; display: inline-flex; line-height: 20px; gap: 6px; } .tron-guide-browser-tip__idea { flex-shrink: 0; } .tron-guide-browser-tip__close { align-items: center; appearance: none; background: transparent; border: none; cursor: pointer; display: inline-flex; flex-shrink: 0; height: 16px; justify-content: center; padding: 0; width: 16px; } .tron-guide-browser-tip__close:focus { outline: none; } .tron-guide-browser-tip__close img { display: block; height: 16px; width: 16px; } @media (min-width: 768px) { .tron-guide-browser-tip__text { font-size: 14px; line-height: 20px; } } .tron-guide-hero { box-sizing: border-box; height: 170px; margin: 0 auto; max-width: 1168px; overflow: hidden; padding: 8px 24px; position: relative; } .tron-guide-hero__inner { align-items: center; box-sizing: border-box; display: flex; height: 100%; margin: 0; padding-right: min(380px, 44vw); position: relative; width: min(100%, 1168px); z-index: 1; } .tron-guide-hero__text { flex: 0 1 auto; max-width: 520px; min-width: 0; width: 50%; } .tron-guide-hero__visual { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: 0; } .tron-guide-hero__img { display: block; height: 100%; object-fit: cover; object-position: top center; width: 100%; } @media (max-width: 767px) { .tron-guide-hero__inner { padding-right: 0; } } .tron-guide-hero__title { color: #111d4a; font-size: 20px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.3; margin: 0 0 6px; } .tron-guide-hero__desc { -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; color: rgba(17, 29, 74, 0.6); display: -webkit-box; font-size: 12px; line-height: 1.5; margin: 0; max-width: 440px; overflow: hidden; } @media (min-width: 768px) { .tron-guide-hero__title { margin-bottom: 8px; } .tron-guide-hero__desc { -webkit-line-clamp: 2; line-clamp: 2; font-size: 14px; max-width: 480px; } } .tron-guide-cards { display: flex; flex-direction: column; gap: 16px; margin: 24px auto 0; max-width: 1168px; padding: 0 24px; } .tron-guide-card { background: #fff; border: 1px solid rgba(17, 29, 74, 0.07843137); border-radius: 16px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); overflow: hidden; } .tron-guide-card__head { align-items: center; background: transparent; border: none; box-sizing: border-box; color: inherit; cursor: pointer; display: flex; font: inherit; gap: 16px; padding: 16px 16px; text-align: left; width: 100%; } .tron-guide-card__head:focus { outline: none; } .tron-guide-card__head--static { cursor: default; } .tron-guide-card__icon { align-items: center; border-radius: 50%; display: flex; flex-shrink: 0; height: 36px; justify-content: center; overflow: hidden; width: 36px; } .tron-guide-card__icon img { height: 36px; object-fit: cover; width: 36px; } .tron-guide-card__titles { flex: 1; min-width: 0; } .tron-guide-card__title { color: #111d4a; font-size: 16px; font-weight: 700; line-height: 1.3; margin: 0 0 4px; } .tron-guide-card__subtitle { color: rgba(17, 29, 74, 0.4); font-size: 14px; line-height: 1.5; margin: 0; } .tron-guide-chevron { display: block; flex-shrink: 0; transition: transform 0.2s ease; } .tron-guide-chevron--open { transform: rotate(180deg); } .tron-guide-card__body { color: rgba(17, 29, 74, 0.6); font-size: 14px; line-height: 1.7; } .tron-guide-card__body--trx-rich { background: rgba(17, 29, 74, 0.01960784); padding: 16px; } .tron-guide-trx-expand__section { margin-bottom: 16px; } .tron-guide-trx-expand__section-title { color: rgba(17, 29, 74, 0.6); font-size: 14px; font-weight: 500; line-height: 1.3; margin: 0 0 8px; } .tron-guide-trx-expand__section-body { color: rgba(17, 29, 74, 0.6); font-size: 14px; line-height: 1.7; margin: 0; } .tron-guide-trx-expand__figure { margin: 0; overflow: hidden; } .tron-guide-trx-expand__figure img { border-radius: 8px; box-sizing: border-box; display: block; height: auto; width: 100%; } .tron-guide-send-burn .tron-guide-steps { margin-bottom: 16px; } .tron-guide-send-burn__figure { margin: 0; overflow: hidden; } .tron-guide-send-burn__figure img { border-radius: 8px; box-sizing: border-box; display: block; height: auto; width: 100%; } .tron-guide-send-energy__block { margin-bottom: 16px; } .tron-guide-send-energy__subheading { color: rgba(17, 29, 74, 0.6); font-size: 14px; font-weight: 500; line-height: 1.3; margin: 0 0 8px; } .tron-guide-send-energy__para { color: rgba(17, 29, 74, 0.6); font-size: 14px; line-height: 1.7; margin: 0; } .tron-guide-send-energy__figure { margin: 0; overflow: hidden; } .tron-guide-send-energy__figure img { border-radius: 8px; box-sizing: border-box; display: block; height: auto; width: 100%; } .tron-guide-accordion::before { border-top: 0.3px solid rgba(17, 29, 74, 0.03921569); content: ''; display: block; margin-left: 16px; margin-right: 16px; } .tron-guide-accordion__trigger { align-items: center; background: #fff; border: none; box-sizing: border-box; color: #111d4a; cursor: pointer; display: flex; font: inherit; font-size: 14px; font-weight: 500; gap: 8px; padding: 16px 16px; text-align: left; width: 100%; } .tron-guide-accordion__trigger:focus { outline: none; } .tron-guide-accordion__bullet { font-weight: 500; } .tron-guide-accordion__label { flex: 1; } .tron-guide-accordion__body { color: rgba(17, 29, 74, 0.6); font-size: 14px; line-height: 1.7; padding: 0 16px 16px 40px; } @media (min-width: 768px) { .tron-guide-accordion__body { padding-left: 40px; } } .tron-guide-accordion__body--rich { background: rgba(17, 29, 74, 0.01960784); padding: 16px !important; } .tron-guide-usdt-transfer__steps-title { color: rgba(17, 29, 74, 0.6); font-size: 14px; font-weight: 400; line-height: 1.5; margin: 0 0 16px; } .tron-guide-steps { list-style: none; margin: 0; padding: 0; } .tron-guide-steps__item { padding-bottom: 16px; padding-left: 24px; position: relative; } .tron-guide-steps__item:last-child { padding-bottom: 0; } .tron-guide-steps__item::before { background: rgba(17, 29, 74, 0.6); border-radius: 50%; content: ''; height: 4px; left: 4px; position: absolute; top: 8px; width: 4px; z-index: 1; } .tron-guide-steps__item:not(:last-child)::after { background: rgba(17, 29, 74, 0.10196078); bottom: 4px; content: ''; left: 6px; position: absolute; top: 16px; transform: translateX(-50%); width: 0.5px; } .tron-guide-steps__text { color: rgba(17, 29, 74, 0.6); font-size: 14px; line-height: 1.7; margin: 0; } .tron-guide-network-hint { align-items: center; background: rgba(17, 29, 74, 0.03921569); border: 0.5px solid rgba(17, 29, 74, 0.07843137); border-radius: 8px; display: flex; gap: 8px; margin-top: 8px; padding: 8px 16px; } .tron-guide-network-hint__icon { flex-shrink: 0; height: 24px; width: 24px; } .tron-guide-network-hint__meta { align-items: flex-start; display: flex; flex-direction: column; gap: 4px; min-width: 0; } .tron-guide-network-hint__label { color: rgba(17, 29, 74, 0.6); font-size: 12px; line-height: 1.3; } .tron-guide-network-hint__value { color: #111d4a; font-size: 12px; line-height: 1.3; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-divider { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; background: #e8e8e8; } .ant-divider, .ant-divider-vertical { position: relative; top: -0.06em; display: inline-block; width: 1px; height: 0.9em; margin: 0 8px; vertical-align: middle; } .ant-divider-horizontal { display: block; clear: both; width: 100%; min-width: 100%; height: 1px; margin: 24px 0; } .ant-divider-horizontal.ant-divider-with-text-center, .ant-divider-horizontal.ant-divider-with-text-left, .ant-divider-horizontal.ant-divider-with-text-right { display: table; margin: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-align: center; background: transparent; } .ant-divider-horizontal.ant-divider-with-text-center::before, .ant-divider-horizontal.ant-divider-with-text-left::before, .ant-divider-horizontal.ant-divider-with-text-right::before, .ant-divider-horizontal.ant-divider-with-text-center::after, .ant-divider-horizontal.ant-divider-with-text-left::after, .ant-divider-horizontal.ant-divider-with-text-right::after { position: relative; top: 50%; display: table-cell; width: 50%; border-top: 1px solid #e8e8e8; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); content: ''; } .ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text, .ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text { display: inline-block; padding: 0 10px; } .ant-divider-horizontal.ant-divider-with-text-left::before { top: 50%; width: 5%; } .ant-divider-horizontal.ant-divider-with-text-left::after { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::before { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::after { top: 50%; width: 5%; } .ant-divider-inner-text { display: inline-block; padding: 0 24px; } .ant-divider-dashed { background: none; border-color: #e8e8e8; border-style: dashed; border-width: 1px 0 0; } .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed { border-top: 0; } .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after { border-style: dashed none none; } .ant-divider-vertical.ant-divider-dashed { border-width: 0 0 0 1px; } .section-wrap { display: flex; justify-content: center; margin: 0 auto; padding: 70px 0 70px 0; } .section-wrap .section-inner { width: 100%; max-width: 1168px; } .section-wrap .section-inner .title { font-size: 32px; line-height: 42px; text-align: center; color: #191C1E; font-weight: 300; } .section-wrap .section-inner .subtitle { font-size: 17px; line-height: 28px; text-align: center; color: #777A8C; margin-top: 10px; font-weight: 300; } @media (max-width: 1024px) { .section-wrap .section-inner { padding: 0 30px; } .section-wrap .section-inner .title { font-size: 25px; line-height: 29px; text-align: left; } .section-wrap .section-inner .subtitle { font-size: 15px; line-height: 28px; text-align: left; } } .section-wrap .section-inner > .flex-row.feature-row { justify-content: space-around; align-items: flex-start; margin-top: 45px; margin-bottom: 45px; } .section-wrap .section-inner > .flex-row.feature-row .flex-column { width: 290px; } .section-wrap .section-inner > .flex-row.feature-row .flex-column > div { display: flex; flex-flow: column nowrap; align-items: center; } .section-wrap .section-inner > .flex-row.feature-row .flex-column > div .title { font-size: 21px; line-height: 25px; color: #43454f; margin-bottom: 14px; margin-top: 24px; } .section-wrap .section-inner > .flex-row.feature-row .flex-column > div .subtitle { font-size: 17px; line-height: 25px; color: #949ea6; text-align: center; margin-top: 0; font-weight: 300; } @media (max-width: 1024px) { .section-wrap .section-inner > .flex-row.feature-row { flex-flow: column nowrap; align-items: center; } .section-wrap .section-inner > .flex-row.feature-row .flex-column { flex-flow: row nowrap; width: calc(100vw - 50px); margin-bottom: 30px; } .section-wrap .section-inner > .flex-row.feature-row .flex-column > div { flex-flow: row nowrap; align-items: flex-start; } .section-wrap .section-inner > .flex-row.feature-row .flex-column > div img { width: 33px; height: 33px; flex: none; } .section-wrap .section-inner > .flex-row.feature-row .flex-column > div > div { padding-left: 20px; } .section-wrap .section-inner > .flex-row.feature-row .flex-column > div > div .title { text-align: left; font-size: 17px; margin-top: 0; padding-left: 0; margin-bottom: 9px; font-weight: 400; } .section-wrap .section-inner > .flex-row.feature-row .flex-column > div > div .subtitle { text-align: left; font-size: 13px; line-height: 19px; } } .section-wrap .section-inner > .flex-row { justify-content: space-around; align-items: center; margin-top: 45px; } .section-wrap .section-inner > .flex-row .text-part { max-width: 440px; } .section-wrap .section-inner > .flex-row .text-part p { text-align: left; } .floating-bar-wrapper { position: sticky; width: fit-content; margin-right: 40px; left: 100%; bottom: 40px; z-index: 99999; cursor: pointer; } @media (max-width: 960px) { .floating-bar-wrapper { margin-right: 20px; margin-bottom: 30px; bottom: 20px; } } .activity-entry-img { width: 120px; height: 90px; image-rendering: pixelated; } .checksum-wrapper { width: 457px; background: #FAFAFA; padding: 15px; padding-top: 35px; border-radius: 16px; position: relative; z-index: 0; top: -25px; } .checksum-wrapper .checksum_header { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .checksum-wrapper .arrow-bottom { transition: all 0.2s; } .checksum-wrapper .checksum_line { display: flex; align-items: center; } .checksum-wrapper .apk-version { font-size: 12px; font-weight: 400; color: #191C1E; text-align: left; padding-top: 20px; padding-left: 15px; } .checksum-wrapper .verify-security { font-size: 12px; font-weight: 400; color: #191C1E; } .checksum-wrapper .learn-more-wrppaer { display: flexbox; padding: 15px 0; } .checksum-wrapper .learn-more { line-height: 20px; margin-top: 2px; margin-bottom: 20px; padding-bottom: 20px; margin-right: 4px; } .checksum-wrapper .checksum_body { margin-top: 10px; background: #FFFFFF; border-radius: 8px; } .checksum-wrapper .checksum_body .hash-block { text-align: left; width: 427px; padding: 15px 15px 0 15px; color: #555555; font-size: 12px; font-weight: normal; } .checksum-wrapper .checksum_body .hash-block .name { word-wrap: break-word; color: #191C1E; } .checksum-wrapper .checksum_body .hash-block .hash { word-wrap: break-word; color: #9598AB; margin-top: 5px; } .checksum-wrapper .checksum_expand { width: 16px; height: 16px; margin-left: 7px; } @media (max-width: 860px) { .checksum-wrapper { width: 100%; } .checksum-wrapper .checksum_body .hash-block { width: 100%; } } .fake-warning { width: 457px; background: #FFFAF0; border: 0.5px solid #F9EAC8; box-sizing: border-box; border-radius: 16px; position: relative; margin-top: 35px; padding: 15px 24px; text-align: left; z-index: 1; } .fake-warning a { font-size: 13px; font-weight: 400; } .fake-warning div { font-size: 13px; font-weight: 400; } .fake-warning .make-sure-correct-addr { margin-right: 50px; } .fake-warning .fake-warning__line { width: 418px; height: 1px; background: #F9EAC8; border-radius: 16px; margin: 10px 0; } .fake-warning .learn-more { display: flex; align-items: center; } .fake-warning .learn-more .learn-more-link { color: #D87400; font-size: 13px; margin-right: 5px; } .guard-img { position: absolute; right: -2.89px; top: -25px; } .right-domain { margin-top: 6px; } .fake-tip-item { display: flex; align-items: center; margin: 3px 0; position: relative; } .fake-tip-item .list-prefix { width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; background: black; margin-right: 5px; position: absolute; top: 8px; left: -8px; } @media (max-width: 860px) { .fake-tip-wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; } .fake-tip-wrapper .make-sure-correct-addr { margin-right: 0; } .fake-warning { width: 100%; } .fake-warning .fake-warning__line { width: 100%; } .fake-warning .right-domain { max-width: 110%; } .guard-img { display: none; } } .security-section-wrapper { text-align: center; } .security-section-wrapper .security-section_title { font-weight: 300; font-size: 32px; line-height: 42px; text-align: center; letter-spacing: 1px; color: #191C1E; } .security-section-wrapper .security-section_desc { font-family: PingFang SC, sans-serif; font-size: 17px; line-height: 28px; letter-spacing: -0.128571px; color: #9598AB; margin: 20px 0; } .security-title-section-wrapper .security-title-section_title { font-weight: 300; font-size: 24px; line-height: 42px; letter-spacing: 1px; color: #191C1E; } .security-title-section-wrapper .security-title-section_desc { font-weight: 300; font-size: 17px; line-height: 18px; color: #9598AB; } @media (max-width: 860px) { .security-section-wrapper { text-align: left; width: 100%; } .security-section-wrapper .security-section_title { text-align: left; font-size: 25px; } .security-section-wrapper .security-section_desc { text-align: left; font-size: 15px; margin-top: 0; margin-bottom: 0; } } .link-block-wrapper { width: 1018px; height: 115px; background: #FFFFFF; border: 1px solid #EEEFF0; margin: 36px 0; display: flex; padding: 30px; justify-content: space-between; align-items: center; transition: 0.2s background; border-radius: 8px; } .link-block-wrapper .link-block_info-wrapper { display: flex; align-items: center; } .link-block-wrapper .link-block_info-wrapper .link-block_info { margin-left: 20px; } .link-block-wrapper .link-block_title { font-weight: 500; font-size: 21px; line-height: 26px; color: #43454F; } .link-block-wrapper .link-block_desc { font-weight: 300; font-size: 17px; line-height: 17px; color: #9598AB; margin-top: 12px; } .direction-link-block_arrow { width: 24px; height: 24px; } .action-link-block_action-button { width: 150px; height: 45px; background: #538CD9; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 24px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; cursor: pointer; } .action-link-block_action-button:hover { background: #468BDF; } @media (max-width: 860px) { .link-block-wrapper { width: 100%; height: 120px; padding: 24px 26px 24px 15px; margin-top: 18px; } .link-block-wrapper .link-block_info-wrapper { margin-right: 33px; } .link-block-wrapper .link-block_info-wrapper .link-block_info { margin-left: 0; } .link-block-wrapper .link-block_title { font-size: 17px; font-weight: 400; } .link-block-wrapper .link-block_desc { font-size: 13px; } } .contact-block-wrapper { width: 485px; height: 157px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; border: 1px solid #EEEFF0; } .contact-block-wrapper .contact-block_desc { margin-top: 20px; font-weight: 300; font-size: 15px; line-height: 17px; color: #9598AB; } .contact-block-wrapper .contact-block_action-button { cursor: pointer; display: flex; justify-content: center; align-items: center; border-radius: 8px; width: 340px; height: 45px; border: 1px solid #468BDF; transition: 0.2s background; } @media (max-width: 860px) { .contact-block-wrapper { width: 100%; margin-top: 18px; height: 130px; } } .bread-crumb_text { color: #9598AB; } .breadcrumb-separator { margin: 0 8px; } a.imkey-link-text { color: #007fff; text-decoration: underline !important; } .staking-primary-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 242px; height: 60px; padding: 0 34px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 56px; color: #ffffff; background: radial-gradient(99.88% 99.88% at 87.5% 105.21%, rgba(12, 197, 255, 0.7) 0%, rgba(0, 127, 255, 0.7) 100%); box-shadow: 2px 2px 20px 6px rgba(0, 127, 255, 0.04); backdrop-filter: blur(8px); font-size: 16px; line-height: 1.5; text-decoration: none; } .staking-primary-link:hover, .staking-primary-link:focus { color: #ffffff; filter: drop-shadow(0 4px 10px rgba(0, 127, 255, 0.25)); } .staking-primary-link:focus-visible { outline: 3px solid rgba(0, 127, 255, 0.28); outline-offset: 3px; } @media (max-width: 860px) { .staking-primary-link { width: 305px; min-width: 0; height: 52px; padding: 0 24px; font-size: 14px; } } .staking-page { background: #ffffff; color: #111d4a; overflow: hidden; } .staking-page:lang(ko) { word-break: keep-all; } .staking-page * { box-sizing: border-box; } .staking-page a { text-decoration: none; } .staking-container { width: calc(100vw - 64px); max-width: 1168px; margin: 0 auto; } .staking-hero { position: relative; min-height: 650px; isolation: isolate; overflow: hidden; } .staking-hero::before, .staking-hero::after { position: absolute; z-index: 0; border-radius: 50%; content: ''; pointer-events: none; } .staking-hero::before { bottom: -196px; left: 0; width: 392px; height: 392px; background: #0cc5ff; opacity: 0.08; filter: blur(150px); } .staking-hero::after { top: 65px; right: 126px; width: 381px; height: 381px; background: #007fff; opacity: 0.25; filter: blur(200px); } .staking-hero__inner { position: relative; z-index: 1; min-height: 650px; display: flex; align-items: center; justify-content: space-between; padding: 36px 0 70px; } .staking-hero__content { position: relative; z-index: 2; width: 570px; } .staking-hero__content h1 { margin: 30px 0 24px; font-size: 48px; line-height: 1.3; font-weight: 700; color: #111d4a; letter-spacing: 0; } .staking-hero__content h1 span { display: block; } .staking-hero__content p { width: 456px; max-width: 100%; font-size: 18px; line-height: 1.5; color: rgba(17, 29, 74, 0.6); } .staking-pill { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 24px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 999px; color: #007fff; background: rgba(0, 127, 255, 0.08); box-shadow: 2px 2px 20px 6px rgba(0, 127, 255, 0.04); backdrop-filter: blur(8px); font-size: 16px; line-height: 1.5; } .staking-hero__art { position: relative; flex: 0 0 556px; height: 534px; } .staking-hero__art img { position: absolute; width: 556px; height: 534px; max-width: none; right: -12px; top: -34px; } .staking-scroll-indicator { position: absolute; z-index: 1; left: 50%; bottom: 92px; display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; color: #111d4a; transform: translateX(-584px) rotate(90deg); } .staking-scroll-indicator .staking-arrow { animation: staking-scroll-arrow 1.8s ease-in-out infinite; will-change: transform; } .staking-arrow { display: inline-block; width: 18px; height: 13px; flex-shrink: 0; } @keyframes staking-scroll-arrow { 0%, 100% { transform: translateX(-3px); } 50% { transform: translateX(5px); } } .staking-section { padding: 84px 0; } .staking-section__header { text-align: center; margin-bottom: 54px; } .staking-section__header p { margin-bottom: 8px; color: #007fff; font-size: 16px; line-height: 1.5; } .staking-section__header h2 { margin: 0 auto; color: #111d4a; font-size: 48px; line-height: 1.3; font-weight: 500; letter-spacing: 0; max-width: 800px; } .staking-benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .staking-benefit-card { min-height: 230px; padding: 40px; border: 1px solid rgba(0, 127, 255, 0.1); border-radius: 16px; background: #ffffff; box-shadow: 0 18px 52px rgba(17, 29, 74, 0.04); transition: transform 0.2s ease, box-shadow 0.2s ease; } .staking-benefit-card:hover { transform: translateY(-2px); box-shadow: 0 22px 56px rgba(17, 29, 74, 0.07); } .staking-benefit-card h3 { margin: 24px 0 12px; color: #111d4a; font-size: 24px; line-height: 1.5; font-weight: 500; } .staking-benefit-card p { color: rgba(17, 29, 74, 0.4); font-size: 16px; line-height: 1.5; } .staking-benefit-icon { display: block; width: 68px; height: 68px; } .staking-products { padding-top: 74px; } .staking-eth-card { position: relative; min-height: 560px; padding: 50px 48px 60px; overflow: hidden; text-align: center; border: 1px solid rgba(0, 127, 255, 0.1); border-radius: 16px; background: linear-gradient(180deg, #eff7ff 0%, #fff 100%); } .staking-eth-card h3, .staking-eth-card p, .staking-eth-card .staking-eth-icon, .staking-eth-card .staking-eth-options, .staking-eth-card .staking-primary-link { position: relative; z-index: 1; } .staking-eth-card h3 { margin: 24px 0 12px; font-size: 40px; line-height: 1.3; font-weight: 500; color: #111d4a; } .staking-eth-card > p { width: 533px; max-width: 100%; margin: 0 auto; color: rgba(17, 29, 74, 0.4); font-size: 16px; line-height: 1.5; } .staking-popular-tag { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 4px; min-width: 130px; height: 42px; padding: 0 18px; border-radius: 0 16px 0 16px; color: #ffffff; background: #007fff; font-size: 16px; line-height: 1.5; } .staking-eth-icon { display: block; width: 96px; height: 96px; margin: 0 auto; border-radius: 50%; } .staking-eth-options { display: flex; justify-content: center; gap: 24px; margin: 32px auto; } .staking-eth-option { box-sizing: border-box; width: 260px; min-height: 90px; padding: 16px; border: 1px solid rgba(0, 127, 255, 0.1); border-radius: 16px; background: linear-gradient(180deg, #eff7ff 0%, #fff 100%); } .staking-eth-option strong, .staking-eth-option span { display: block; text-align: center; } .staking-eth-option strong { color: #007fff; font-size: 20px; line-height: 1.5; font-weight: 500; } .staking-eth-option span { margin-top: 6px; color: rgba(17, 29, 74, 0.6); font-size: 16px; line-height: 1.5; } .staking-chain-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 24px; } .staking-chain-card { display: flex; min-height: 280px; padding: 32px 24px 30px; flex-direction: column; align-items: center; border: 1px solid rgba(0, 127, 255, 0.1); border-radius: 16px; color: #111d4a; background: #ffffff; transition: transform 0.2s ease, box-shadow 0.2s ease; } .staking-chain-card:hover, .staking-chain-card:focus-visible { color: #111d4a; transform: translateY(-4px); box-shadow: 0 18px 48px rgba(17, 29, 74, 0.08); } .staking-chain-card:focus-visible { outline: 3px solid rgba(0, 127, 255, 0.28); outline-offset: 3px; } .staking-chain-card img { width: 64px; height: 64px; object-fit: contain; } .staking-chain-card h3 { margin: 12px 0; color: #111d4a; font-size: 24px; line-height: 1.5; font-weight: 500; } .staking-chain-card div { display: inline-flex; align-items: center; justify-content: center; min-width: 120px; min-height: 40px; padding: 0 16px; border-radius: 100px; color: #007fff; background: rgba(0, 127, 255, 0.08); font-size: 16px; line-height: 1.5; } .staking-chain-card span { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: rgba(17, 29, 74, 0.6); font-size: 16px; line-height: 1.5; } @media (max-width: 1100px) { .staking-hero__art { width: 48%; height: auto; flex: 0 1 500px; aspect-ratio: 1.0411985; } .staking-hero__art img { top: 0; right: 0; width: 100%; height: 100%; object-fit: contain; } .staking-eth-options { gap: 16px; } .staking-eth-option { width: 30%; } } @media (max-width: 860px) { .staking-container { width: calc(100vw - 30px); } .staking-hero { min-height: 700px; } .staking-hero::before { top: 199px; left: calc(50% - 31.5px); width: 381px; height: 381px; background: #007fff; opacity: 0.3; filter: blur(200px); } .staking-hero::after { display: none; } .staking-hero__inner { display: block; min-height: 700px; padding: 32px 0 0; } .staking-hero__content { width: 100%; flex: none; text-align: center; } .staking-hero__content h1 { margin: 20px auto; width: 327px; max-width: 100%; font-size: 36px; } .staking-hero__content p { width: 330px; margin: 0 auto; font-size: 14px; } .staking-pill { min-height: 46px; padding: 0 30px; font-size: 14px; } .staking-hero__art { width: 321px; height: 309px; margin: 22px auto 0; } .staking-hero__art img { width: 321px; height: 309px; left: 50%; right: auto; top: 0; transform: translateX(-50%); } .staking-scroll-indicator { left: 50%; bottom: 24px; transform: translateX(-50%) rotate(90deg); } .staking-section { padding: 40px 0; } .staking-section__header { margin-bottom: 24px; } .staking-section__header p { font-size: 14px; } .staking-section__header h2 { font-size: 28px; } .staking-benefits { padding-top: 40px; padding-bottom: 70px; } .staking-benefit-grid { grid-template-columns: 1fr; gap: 24px; } .staking-benefit-card { min-height: auto; padding: 32px; } .staking-benefit-card h3 { margin: 20px 0 8px; font-size: 24px; } .staking-benefit-card p { font-size: 14px; } .staking-benefit-icon { width: 50px; height: 50px; } .staking-products { padding-top: 70px; padding-bottom: 44px; } .staking-eth-card { min-height: auto; padding: 48px 20px 40px; } .staking-eth-card h3 { margin: 18px 0 8px; font-size: 24px; line-height: 29px; } .staking-eth-card > p { font-size: 13px; line-height: 21px; } .staking-popular-tag { min-width: 90px; height: 36px; padding: 0 12px; font-size: 12px; line-height: 18px; } .staking-eth-icon { width: 72px; height: 72px; } .staking-eth-options { display: grid; grid-template-columns: 1fr; gap: 12px; width: 260px; margin: 24px auto; } .staking-eth-option { width: 100%; min-height: 80px; padding: 14px 12px; } .staking-eth-option strong { font-size: 14px; line-height: 24px; } .staking-eth-option span { margin-top: 0; font-size: 12px; line-height: 21px; } .staking-chain-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 13px; margin-top: 24px; } .staking-chain-card { min-height: 214px; padding: 20px 12px; } .staking-chain-card img { width: 48px; height: 48px; } .staking-chain-card h3 { margin: 8px 0; font-size: 16px; line-height: 24px; } .staking-chain-card div { min-width: 102px; font-size: 14px; } .staking-chain-card span { gap: 6px; font-size: 12px; line-height: 21px; white-space: nowrap; } .staking-chain-card .staking-arrow { width: 14px; height: 10px; } } @media (prefers-reduced-motion: reduce) { .staking-scroll-indicator .staking-arrow { animation: none; } .staking-benefit-card, .staking-chain-card { transition: none; } } .staking-eth-vertical-divider { flex: 0 0 auto; display: block; width: 1px; height: 60px; background: rgba(17, 29, 74, 0.1); } .staking-flow-diagram { margin-top: 80px; } .staking-flow-diagram h3 { margin: 0 0 48px; color: #111d4a; text-align: center; font-size: 36px; line-height: 1.2; font-weight: 500; } .staking-flow-diagram__map { position: relative; width: 100%; max-width: 1064px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 76px; } .staking-flow-diagram__default-arrow { position: absolute; z-index: 0; display: block; object-fit: contain; pointer-events: none; } .staking-flow-diagram__default-arrow--top-left { left: 81px; top: 76px; width: 128px; height: 147px; } .staking-flow-diagram__default-arrow--top-right { left: 850px; top: 76px; width: 130px; height: 147px; } .staking-flow-diagram__default-arrow--bottom-left { left: 81px; top: 507px; width: 130px; height: 147px; } .staking-flow-diagram__default-arrow--bottom-right { left: 850px; top: 507px; width: 128px; height: 147px; } .staking-flow-diagram__default-label { position: absolute; z-index: 2; color: rgba(17, 29, 74, 0.4); font-size: 14px; line-height: 1.5; white-space: nowrap; pointer-events: none; } .staking-flow-diagram__default-label--stake { left: 100px; top: 160px; } .staking-flow-diagram__default-label--return { right: 100px; top: 160px; } .staking-flow-diagram__default-label--validate { left: 100px; top: 560px; } .staking-flow-diagram__default-label--reward { right: 100px; top: 560px; } .staking-flow-diagram__mobile-connector { display: none; } .staking-flow-diagram__node { position: relative; z-index: 1; border: 1px solid rgba(0, 127, 255, 0.1); border-radius: 14px; background: #ffffff; } .staking-flow-diagram__user-title { display: inline-flex; align-items: center; gap: 18px; } .staking-flow-diagram__user-title-icon { flex: 0 0 auto; width: 40px; height: 40px; object-fit: contain; } .staking-flow-diagram__user, .staking-flow-diagram__network { width: 631px; min-height: 159px; display: grid; grid-template-columns: 220px 1fr; align-items: center; gap: 24px; margin: 0 auto; padding: 28px 48px; } .staking-flow-diagram__user strong, .staking-flow-diagram__network strong { color: #111d4a; font-size: 20px; line-height: 1.5; } .staking-flow-diagram__user ul, .staking-flow-diagram__network ul { margin: 0; padding: 0; list-style: none; } .staking-flow-diagram__user li, .staking-flow-diagram__network li { display: flex; align-items: flex-start; gap: 8px; color: rgba(17, 29, 74, 0.4); font-size: 14px; line-height: 1.6; } .staking-flow-diagram__user li > span, .staking-flow-diagram__network li > span { min-width: 0; overflow-wrap: anywhere; word-break: break-word; } .staking-flow-diagram__check-icon { flex: 0 0 auto; display: block; width: 18px; height: 18px; margin-top: 2px; } .staking-flow-diagram__user { display: flex; align-items: center; justify-content: space-between; background: linear-gradient(180deg, #eff9ff 0%, #ffffff 100%); } .staking-flow-diagram__network { display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(0, 127, 255, 0.1); background: linear-gradient(180deg, #fff9ee 0%, #ffffff 100%); } .staking-flow-diagram__network-title { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; } .staking-flow-diagram__network-icon { flex: 0 0 auto; display: block; width: 40px; height: 40px; object-fit: contain; } .staking-flow-diagram__middle { min-height: 268px; display: grid; grid-template-columns: 280px 1fr; align-items: center; gap: 36px; padding: 46px 52px; background: linear-gradient(180deg, #eff7ff 0%, #ffffff 100%); } .staking-flow-diagram__middle > div:first-child strong { display: block; color: #111d4a; font-size: 20px; line-height: 1.5; font-weight: 700; } .staking-flow-diagram__middle > div:first-child span { display: block; margin-top: 12px; color: rgba(17, 29, 74, 0.4); font-size: 14px; line-height: 1.5; } .staking-flow-diagram__feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 40px; } .staking-flow-diagram__feature { min-width: 0; display: flex; align-items: flex-start; gap: 16px; } .staking-flow-diagram__feature img { width: 45px; height: 45px; } .staking-flow-diagram__feature strong { display: block; min-width: 0; color: #111d4a; font-size: 16px; line-height: 1.5; font-weight: 500; overflow-wrap: anywhere; word-break: break-word; } .staking-flow-diagram__feature span { display: block; min-width: 0; color: rgba(17, 29, 74, 0.4); font-size: 14px; line-height: 1.5; } .staking-flow-diagram--liquid h3 { margin-bottom: 12px; } .staking-flow-diagram--liquid > p { margin: 0 auto 34px; color: rgba(17, 29, 74, 0.4); font-size: 14px; line-height: 1.5; text-align: center; } .staking-flow-diagram__liquid-map { position: relative; width: 100%; margin: 0 auto; } .staking-flow-diagram__liquid-map--desktop { max-width: 1083px; min-height: 837px; } .staking-flow-diagram__liquid-map--mobile { display: none; } .staking-flow-diagram__liquid-card, .staking-flow-diagram__liquid-protocol { position: absolute; z-index: 2; border: 1px solid rgba(0, 127, 255, 0.1); border-radius: 14px; } .staking-flow-diagram__liquid-card { min-height: 159px; display: grid; align-content: center; padding: 28px 32px; } .staking-flow-diagram__liquid-card strong { display: block; color: #111d4a; font-size: 20px; line-height: 1.5; font-weight: 700; } .staking-flow-diagram__liquid-card ul { margin: 4px 0 0; padding: 0; list-style: none; } .staking-flow-diagram__liquid-card li { display: flex; align-items: flex-start; gap: 8px; margin-top: 8px; color: rgba(17, 29, 74, 0.4); font-size: 14px; line-height: 1.5; } .staking-flow-diagram__liquid-card--user { left: 0; top: 47px; width: 500px; height: 150px; justify-items: center; background: linear-gradient(180deg, #effbff 0%, #ffffff 100%); } .staking-flow-diagram__liquid-card--user ul { margin-top: 12px; margin-left: auto; margin-right: auto; width: fit-content; text-align: left; } .staking-flow-diagram__liquid-card--defi, .staking-flow-diagram__liquid-card--receipt { top: 47px; width: 242px; height: 150px; padding-right: 16px; padding-left: 16px; background: linear-gradient(180deg, #f7efff 0%, #ffffff 100%); } .staking-flow-diagram__liquid-card--defi strong, .staking-flow-diagram__liquid-card--receipt strong { text-align: center; } .staking-flow-diagram__liquid-card--defi { left: 555px; } .staking-flow-diagram__liquid-card--receipt { left: 821px; } .staking-flow-diagram__liquid-protocol { left: 0; top: 279px; width: 1064px; min-height: 268px; display: grid; grid-template-columns: 250px 1fr; align-items: center; gap: 32px; padding: 42px 36px 42px 32px; overflow: hidden; background: linear-gradient(180deg, #eff7ff 0%, #ffffff 100%); } .staking-flow-diagram__liquid-protocol-bg { position: absolute; left: 86px; top: 8px; width: 210px; height: 210px; object-fit: contain; pointer-events: none; } .staking-flow-diagram__liquid-protocol-intro { position: relative; z-index: 1; } .staking-flow-diagram__liquid-protocol-intro strong { display: block; color: #111d4a; font-size: 20px; line-height: 1.5; font-weight: 700; } .staking-flow-diagram__liquid-protocol-intro span { display: block; margin-top: 8px; color: rgba(17, 29, 74, 0.4); font-size: 14px; line-height: 1.5; } .staking-flow-diagram__liquid-steps { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; } .staking-flow-diagram__liquid-step { position: relative; min-height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 20px 8px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 16px; background: #ffffff; text-align: center; } .staking-flow-diagram__liquid-step .staking-flow-diagram__liquid-step-arrow { position: absolute; right: -27px; top: 50%; width: 21px; height: 21px; transform: translateY(-50%); } .staking-flow-diagram__liquid-step em { width: 45px; height: 45px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px; border-radius: 14px; background: rgba(0, 127, 255, 0.1); color: #007fff; font-size: 14px; line-height: 1.5; font-style: normal; font-weight: 500; } .staking-flow-diagram__liquid-step strong { color: #111d4a; font-size: 14px; line-height: 1.5; font-weight: 500; } .staking-flow-diagram__liquid-step span { margin-top: 7px; color: rgba(17, 29, 74, 0.4); font-size: 14px; line-height: 1.5; } .staking-flow-diagram__liquid-card--network, .staking-flow-diagram__liquid-card--operators { top: 626px; width: 500px; height: 150px; } .staking-flow-diagram__liquid-card--network { left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: linear-gradient(180deg, #fff9ee 0%, #ffffff 100%); } .staking-flow-diagram__liquid-card--network ul { width: fit-content; max-width: 100%; margin: 0 auto; text-align: left; } .staking-flow-diagram__liquid-card--operators { left: 564px; text-align: center; background: linear-gradient(180deg, #eff7ff 0%, #ffffff 100%); } .staking-flow-diagram__liquid-card--operators ul { display: inline-block; margin-left: auto; margin-right: auto; text-align: left; } .staking-flow-diagram__liquid-arrow { position: absolute; z-index: 1; display: block; border: 0; object-fit: contain; pointer-events: none; } .staking-flow-diagram__liquid-arrow--stake, .staking-flow-diagram__liquid-arrow--steth { width: 14px; height: 68px; } .staking-flow-diagram__liquid-arrow--stake { left: 242px; top: 206px; } .staking-flow-diagram__liquid-arrow--steth { right: 115px; top: 205px; } .staking-flow-diagram__liquid-arrow--liquidity { right: 134px; top: 0; width: 246px; height: 49px; } .staking-flow-diagram__liquid-arrow--validator { left: 260px; top: 502px; width: 495px; height: 127px; } .staking-flow-diagram__liquid-arrow--operator { right: 112px; top: 497px; width: 137px; height: 132px; } .staking-flow-diagram__liquid-arrow--reward { right: 0; bottom: 0; width: 836px; height: 708px; } .staking-flow-diagram__liquid-arrow--stake, .staking-flow-diagram__liquid-arrow--steth, .staking-flow-diagram__liquid-arrow--liquidity, .staking-flow-diagram__liquid-arrow--validator, .staking-flow-diagram__liquid-arrow--operator { z-index: 3; } .staking-flow-diagram__liquid-label { position: absolute; z-index: 3; color: rgba(17, 29, 74, 0.4); font-size: 14px; line-height: 1.5; pointer-events: none; } .staking-flow-diagram__liquid-label--stake { left: 265px; top: 224px; } .staking-flow-diagram__liquid-label--steth { right: 28px; top: 224px; } .staking-flow-diagram__liquid-label--liquidity { right: 214px; top: 12px; } .staking-flow-diagram__liquid-label--validator { left: 344px; top: 560px; } .staking-flow-diagram__liquid-label--operator { right: 65px; top: 560px; width: 150px; } .staking-flow-diagram__liquid-label--reward { left: 620px; bottom: 19px; } @media (max-width: 1100px) { .staking-flow-diagram__middle, .staking-flow-diagram__feature-grid { grid-template-columns: 1fr; } .staking-flow-diagram h3 { font-size: 24px; } .staking-flow-diagram__map { gap: 0; padding: 0; } .staking-flow-diagram__default-arrow, .staking-flow-diagram__default-label { display: none; } .staking-flow-diagram__mobile-connector { position: relative; z-index: 2; display: block; width: 100%; height: 50px; color: rgba(17, 29, 74, 0.4); font-size: 12px; line-height: 1.5; pointer-events: none; } .staking-flow-diagram__mobile-arrow, .staking-flow-diagram__mobile-label { position: absolute; display: block; } .staking-flow-diagram__mobile-arrow { top: 4px; width: 14px; height: 42px; object-fit: contain; transform: translateX(-50%); } .staking-flow-diagram__mobile-arrow--down { left: 20%; } .staking-flow-diagram__mobile-arrow--up { left: 72%; } .staking-flow-diagram__mobile-label { top: 12px; } .staking-flow-diagram__mobile-label--down { left: calc(20% + 4px); } .staking-flow-diagram__mobile-label--up { left: calc(72% + 4px); width: 100px; } .staking-flow-diagram__user, .staking-flow-diagram__network { width: 100%; grid-template-columns: 1fr; padding: 24px; } .staking-flow-diagram__user, .staking-flow-diagram__network { flex-direction: column; gap: 24px; } .staking-flow-diagram__user > .staking-flow-diagram__user-title, .staking-flow-diagram__network-title { margin-right: 0; } .staking-flow-diagram__user-divider, .staking-flow-diagram__network-divider { display: none; } .staking-flow-diagram__user-title { gap: 8px; } .staking-flow-diagram__middle { padding: 32px 24px; } .staking-flow-diagram--liquid h3 { margin-bottom: 12px; } .staking-flow-diagram__liquid-map--desktop { display: none; } .staking-flow-diagram__liquid-map--mobile { width: 316px; max-width: calc(100vw - 59px); display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin-left: 50%; transform: translateX(-50%); } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card, .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-protocol { position: relative; left: auto; right: auto; top: auto; width: 100%; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card { min-height: 154px; padding: 28px 24px; align-content: center; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card strong { text-align: center; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--user { min-height: 160px; grid-template-columns: 1fr; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--user .staking-flow-diagram__user-title { gap: 16px; transform: translateY(-6px); } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--user .staking-flow-diagram__user-title-icon { width: 32px; height: 32px; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--user ul { grid-column: 1; margin-left: auto; margin-right: auto; } .staking-flow-diagram__mobile-liquid-connector { position: relative; z-index: 1; width: 100%; height: 50.5px; color: rgba(17, 29, 74, 0.4); font-size: 12px; line-height: 1.5; pointer-events: none; } .staking-flow-diagram__mobile-liquid-connector > img { position: absolute; left: 50%; top: 0; width: 14px; height: 42px; object-fit: contain; transform: translateX(-50%); } .staking-flow-diagram__mobile-liquid-connector span { position: absolute; left: calc(50% + 11px); top: 10px; white-space: nowrap; } .staking-flow-diagram__mobile-liquid-connector--liquidity { height: 50.7px; } .staking-flow-diagram__mobile-liquid-routing { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 50.5px auto 50.7px auto 50.5px auto; } .staking-flow-diagram__mobile-liquid-routing > .staking-flow-diagram__liquid-protocol { grid-column: 1; grid-row: 1; } .staking-flow-diagram__mobile-liquid-routing > .staking-flow-diagram__liquid-card--network { grid-column: 1; grid-row: 3; } .staking-flow-diagram__mobile-liquid-routing > .staking-flow-diagram__liquid-card--operators { grid-column: 1; grid-row: 5; } .staking-flow-diagram__mobile-liquid-routing > .staking-flow-diagram__liquid-card--receipt { grid-column: 1; grid-row: 7; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-protocol { z-index: 2; display: block; padding: 32px 0; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-protocol-bg { left: 32px; right: auto; top: 0; width: 266px; height: 266px; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-protocol-intro { padding: 0 24px; text-align: center; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-protocol-intro span { margin-top: 5px; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-steps { margin: 24px 24px 4px; grid-template-columns: 1fr; gap: 24px; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-step { min-height: 46px; display: grid; grid-template-columns: 45px 1fr; grid-template-rows: repeat(2, auto); justify-items: start; align-items: center; column-gap: 16px; padding: 0; border: 0; background: transparent; text-align: left; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-step .staking-flow-diagram__liquid-step-arrow { right: auto; top: auto; left: 12px; bottom: -24px; transform: rotate(90deg); } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-step em { grid-row-start: 1; grid-row-end: span 2; margin-bottom: 0; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-step span { margin-top: 0; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--network, .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--operators, .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--receipt { z-index: 2; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card:not(.staking-flow-diagram__liquid-card--user) li:first-child { margin-top: 0; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--network { min-height: 141px; gap: 24px; justify-content: center; padding-top: 26px; padding-bottom: 27px; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--network ul { margin-top: 0; text-align: left; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--operators, .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--receipt, .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--defi { text-align: center; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--operators ul, .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--receipt ul, .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--defi ul { display: inline-block; margin-left: auto; margin-right: auto; text-align: left; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--operators { min-height: 154px; align-content: start; padding-top: 16px; padding-bottom: 19px; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--receipt { min-height: 141px; padding-top: 27px; padding-bottom: 27px; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--receipt ul { margin-top: 10px; } .staking-flow-diagram__liquid-map--mobile .staking-flow-diagram__liquid-card--defi { min-height: 154px; align-content: start; padding-top: 29px; padding-bottom: 29px; } .staking-flow-diagram__mobile-liquid-route { position: relative; min-height: 0; grid-column: 1; align-self: stretch; color: rgba(17, 29, 74, 0.4); font-size: 12px; line-height: 1.5; pointer-events: none; } .staking-flow-diagram__mobile-liquid-route > img { position: absolute; display: block; object-fit: contain; } .staking-flow-diagram__mobile-liquid-route span { position: absolute; } .staking-flow-diagram__mobile-liquid-route--validator { z-index: 3; grid-row-start: 1; grid-row-end: 3; } .staking-flow-diagram__mobile-liquid-route--validator > img { left: 6px; bottom: 0; width: 17px; height: 186px; } .staking-flow-diagram__mobile-liquid-route--validator span { left: 25px; bottom: 16px; white-space: nowrap; } .staking-flow-diagram__mobile-liquid-route--operator { z-index: 3; grid-row-start: 1; grid-row-end: 5; } .staking-flow-diagram__mobile-liquid-route--operator > img { right: 5.5px; bottom: 5px; width: 17px; height: 306px; } .staking-flow-diagram__mobile-liquid-route--operator span { right: 20px; bottom: 7px; width: 112px; text-align: right; } .staking-flow-diagram__mobile-liquid-route--operator span:lang(en) { right: 22px; bottom: 4px; width: 146px; font-size: 11px; line-height: 15px; } .staking-flow-diagram__mobile-liquid-route--steth { z-index: 1; grid-row-start: 2; grid-row-end: 7; } .staking-flow-diagram__mobile-liquid-route--steth > img { left: 50%; top: 0; width: 14px; height: calc(100% - 8px); transform: translateX(-50%); } .staking-flow-diagram__mobile-liquid-route--steth span { right: calc(50% + 10px); bottom: 20px; white-space: nowrap; } .staking-flow-diagram__liquid-arrow, .staking-flow-diagram__liquid-label { display: none; } } .se-staking-qrcode { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.6); } .se-staking-qrcode__dialog { position: relative; width: 516px; height: 460px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 16px; background: #ffffff; } .se-staking-qrcode__close { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; color: #191c1e; background: #e0e6eb; cursor: pointer; } .se-staking-qrcode canvas { width: 220px !important; height: 220px !important; } .se-staking-qrcode__title { font-size: 24px; font-weight: 500; line-height: 1.4; color: #111d4a; } .se-staking-qrcode__desc { margin: 12px 0 24px; text-align: center; font-size: 14px; line-height: 1.4; color: rgba(17, 29, 74, 0.4); } @media (max-width: 860px) { .se-staking-qrcode { padding: 20px; } .se-staking-qrcode__dialog { width: 100%; max-width: 516px; height: auto; min-height: 420px; padding: 60px 20px 36px; } .se-staking-qrcode__title { font-size: 20px; text-align: center; } .se-staking-qrcode__desc { margin: 6 0 12px; font-size: 12px; } } .se-detail-card { scroll-margin-top: 94px; margin-bottom: 88px; padding: 30px 39px 100px; border-radius: 16px; background: #ffffff; } .se-detail-card:last-child { margin-bottom: 0; } .se-detail-header { text-align: center; } .se-detail-header img { width: 226px; height: 226px; object-fit: contain; } .se-detail-header h2 { margin: 0 0 8px; color: #111d4a; font-size: 36px; line-height: 1.2; font-weight: 500; letter-spacing: 0; } .se-detail-header > p { margin: 0; color: rgba(17, 29, 74, 0.4); font-size: 14px; line-height: 1.5; } .se-tag-row { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 24px; } .se-tag-row span { min-height: 40px; display: inline-flex; align-items: center; padding: 0 18px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 999px; color: #007fff; background: rgba(0, 127, 255, 0.08); box-shadow: 2px 2px 20px 6px rgba(0, 127, 255, 0.04); font-size: 14px; line-height: 1.5; } .se-staking-action { position: relative; display: inline-flex; justify-content: center; margin-top: 24px; } .se-powered { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 12px; color: rgba(17, 29, 74, 0.5); font-size: 13px; } .se-powered span { color: rgba(17, 29, 74, 0.4); font-size: 17.6px; line-height: 22.7px; } .se-powered img { width: 98px; height: 22px; object-fit: contain; } .se-simulator { margin-top: 64px; text-align: center; } .se-simulator h3, .se-simulator > p { margin-left: auto; margin-right: auto; } .se-simulator h3 { margin-top: 0; margin-bottom: 12px; color: #111d4a; font-size: 36px; line-height: 1.2; font-weight: 500; } .se-simulator > p { margin-top: 0; margin-bottom: 40px; color: rgba(17, 29, 74, 0.4); font-size: 16px; line-height: 1.5; } .se-simulator-grid { display: grid; grid-template-columns: 416px minmax(0, 1fr); gap: 24px; text-align: left; } .se-input-card { display: grid; gap: 24px; } .se-input-card > div { min-height: 98px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border: 1px solid rgba(0, 127, 255, 0.1); border-radius: 16px; background: #ffffff; } .se-input-card > div:focus-within { border-color: rgba(0, 127, 255, 0.6); box-shadow: 0 0 0 3px rgba(0, 127, 255, 0.08); } .se-input-card > div.is-error { border-color: rgba(243, 18, 96, 0.5); align-items: stretch; flex-direction: column; justify-content: center; gap: 8px; } .se-input-card > div.is-error input { color: #f31260; } .se-input-card > div.is-error input:focus { color: #f31260; } .se-input-card > div > div { display: flex; align-items: center; justify-content: space-between; } .se-input-card > div + div { min-height: 74px; background: linear-gradient(180deg, #eff7ff 0%, #ffffff 100%); } .se-input-card strong { color: #111d4a; font-size: 30px; line-height: 1.3; font-weight: 500; } .se-input-card input { width: 100%; min-width: 0; margin-right: 16px; border: 0; outline: 0; color: #111d4a; background: transparent; font-size: 30px; line-height: 1.3; font-weight: 500; } .se-input-card input:focus { color: #007fff; } .se-input-card span { color: rgba(17, 29, 74, 0.6); font-size: 16px; } .se-input-card .se-input-error { margin: 0; color: #f31260; font-size: 12px; line-height: 1.4; } .se-input-card > div + div strong { color: #007fff; font-size: 20px; } .se-input-card > div + div span { color: rgba(17, 29, 74, 0.4); font-size: 14px; } .se-reward-card { position: relative; min-height: 220px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: flex-start; align-content: center; padding: 44px 48px 58px; border: 1px solid rgba(0, 127, 255, 0.1); border-radius: 16px; background: linear-gradient(180deg, #eff7ff 0%, #ffffff 100%); } .se-reward-card--solo { padding-bottom: 29px; } .se-reward-card > div { min-width: 0; padding: 0 26px; } .se-reward-card > div:first-child { padding-left: 0; } .se-reward-card .se-reward-divider { height: 64px; } .se-reward-card span, .se-reward-card em, .se-reward-card p { color: rgba(17, 29, 74, 0.4); font-style: normal; } .se-reward-card span { display: block; margin-bottom: 8px; font-size: 14px; } .se-reward-card strong { display: block; overflow-wrap: anywhere; color: #111d4a; font-size: 24px; line-height: 1.3; font-weight: 500; } .se-reward-card em { display: block; margin-top: 4px; overflow-wrap: anywhere; font-size: 14px; } .se-reward-card p { position: absolute; left: 0; right: 0; bottom: 24px; margin: 0; text-align: center; font-size: 14px; } @media (max-width: 1024px) { .se-simulator-grid { grid-template-columns: 1fr; } .se-detail-card { margin-bottom: 40px; padding: 30px 20px 64px; } .se-simulator > p { margin-bottom: 24px; } .se-detail-header h2, .se-simulator h3 { font-size: 24px; } .se-simulator-grid { gap: 12px; } .se-input-card { gap: 12px; } .se-powered span { font-size: 15.8px; line-height: 20.5px; } .se-powered img { width: 88px; height: 20px; } .se-reward-card { grid-template-columns: 1fr; gap: 12px; padding: 24px 16px 36px; } .se-reward-card--solo { padding-bottom: 32px; } .se-reward-card > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: flex-start; column-gap: 16px; padding: 0; } .se-reward-card span { grid-row: 1 / span 2; margin-bottom: 0; } .se-reward-card strong, .se-reward-card em { grid-column: 2; text-align: right; } .se-reward-card strong { font-size: 16px; } .se-reward-card em { margin-top: 4px; } .se-reward-card p { font-size: 12px; bottom: 14px; } .se-reward-card .se-reward-divider { display: none; } } .se-plan-grid { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .se-plan-card { min-height: 356px; display: flex; flex-direction: column; align-items: center; padding: 40px 32px 48px; border: 0; border-radius: 16px; background: #ffffff; box-shadow: inset 0 0 0 1px #e8eef7; color: #007fff; text-align: center; transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .se-plan-card svg { width: 72px; height: 72px; flex: 0 0 auto; } .se-plan-card h3 { margin: 24px 0 12px; color: #111d4a; font-size: 24px; line-height: 1.5; font-weight: 500; } .se-plan-card p { width: 100%; min-height: 48px; margin: 0 0 24px; color: rgba(17, 29, 74, 0.4); font-size: 16px; line-height: 1.5; } .se-plan-card div { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; } .se-plan-card span { box-sizing: border-box; display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border: 0; border-radius: 100px; color: #007fff; background: rgba(0, 127, 255, 0.08); box-shadow: 2px 2px 20px 6px rgba(0, 127, 255, 0.04); backdrop-filter: blur(8px); font-size: 16px; line-height: 1.5; } .se-plan-card:hover { background: linear-gradient(90deg, #007fff 0%, #00c5ff 100%); box-shadow: none; color: #ffffff; transform: translateY(-4px); } .se-plan-card:hover h3 { color: #ffffff; } .se-plan-card:hover p, .se-plan-card:hover span { color: #ffffff; } .se-plan-card:hover span { border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.08); } @media (max-width: 1024px) { .se-plan-grid { grid-template-columns: 1fr; } .se-plan-card { padding: 30px 20px; } } @media (prefers-reduced-motion: reduce) { .se-plan-card { transition: none; } } .se-sticky-nav { position: fixed; top: 0; left: 0; z-index: 20; width: 100%; height: 70px; background: transparent; opacity: 0; pointer-events: none; transform: translateY(-100%); transition: opacity 0.2s ease, transform 0.2s ease; } .se-sticky-nav::before { content: ''; position: absolute; inset: 0; background: #ffffff; } .se-sticky-nav.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); } .se-sticky-nav__inner { position: relative; z-index: 1; height: 70px; display: flex; align-items: center; justify-content: center; gap: 12px; } .se-sticky-nav__inner a { position: relative; min-width: 192px; height: 70px; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; color: #111d4a; font-size: 14px; line-height: 32px; white-space: nowrap; transition: color 0.2s ease; } .se-sticky-nav__inner a:hover { color: #111d4a; } .se-sticky-nav__inner a.is-active { color: #111d4a; font-weight: 700; } .se-sticky-nav__indicator { position: absolute; left: 0; bottom: 0; width: 0; height: 3px; border-radius: 20px; background: linear-gradient(90deg, #007fff 0%, #00c5ff 100%); pointer-events: none; transform: translate3d(0, 0, 0); transition: width 0.28s cubic-bezier(0.22, 1, 0.36, 1), transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.16s ease; } @media (max-width: 1024px) { .se-sticky-nav__inner { width: 100%; justify-content: flex-start; gap: 8px; overflow-x: auto; padding: 0 20px; -webkit-overflow-scrolling: touch; } .se-sticky-nav__inner::-webkit-scrollbar { display: none; } .se-sticky-nav__inner a { min-width: auto; height: 70px; flex: 0 0 auto; padding: 0 18px; font-size: 14px; } } @media (prefers-reduced-motion: reduce) { .se-sticky-nav, .se-sticky-nav__indicator { transition: none; } } .staking-eth-page { background: #f7f9fb; color: #111d4a; overflow: hidden; } .staking-eth-page:lang(ko) { word-break: keep-all; } .staking-eth-page * { box-sizing: border-box; } .staking-eth-page a { text-decoration: none; } .se-container { width: calc(100vw - 64px); max-width: 1168px; margin: 0 auto; } .se-hero { background: #ffffff; } .se-hero__inner { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; } .se-hero__content { flex: 1 1 602px; max-width: 602px; } .se-hero__content h1 { margin: 0 0 24px; color: #111d4a; font-size: 48px; line-height: 1.3; font-weight: 700; } .se-hero__content h1 span { display: block; } .se-hero__content p { max-width: 456px; margin: 0; color: rgba(17, 29, 74, 0.6); font-size: 18px; line-height: 1.5; } .se-hero__image { display: block; width: 400px; max-width: 40%; height: auto; margin: 0 clamp(0px, 7.8vw, 95px) 0 48px; } .se-overview { padding: 48px 0 100px; background: #ffffff; } .se-overview h2 { margin: 0 auto; color: #111d4a; text-align: center; font-size: 48px; line-height: 1.3; font-weight: 500; } .se-overview__inner { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 60px; } .se-details { padding: 60px 0 42px; } @media (max-width: 1024px) { .se-container { width: calc(100vw - 30px); } .se-hero__inner { flex-direction: column; align-items: center; padding: 60px 0 0; } .se-hero__content { width: 100%; flex: none; text-align: center; } .se-hero__content h1 { max-width: 328px; margin: 0 auto 20px; font-size: 36px; } .se-hero__content h1.se-hero__title--en { max-width: 300px; } .se-hero__content p { font-size: 14px; } .se-hero__image { width: 100%; max-width: 320px; margin: 0; } .se-overview { padding: 16px 0 72px; } .se-overview h2 { font-size: 28px; } .se-overview__inner { gap: 24px; } }