@charset "UTF-8"; /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html { line-height:1.15; -webkit-text-size-adjust:100% } body { margin:0 } hr { box-sizing:content-box; height:0; overflow:visible } pre { font-family:monospace,monospace; font-size:1em } a { background-color:transparent } abbr[title] { border-bottom:none; text-decoration:underline; -webkit-text-decoration:underline dotted; text-decoration:underline dotted } b,strong { font-weight:bolder } code,kbd,samp { font-family:monospace,monospace; font-size:1em } small { font-size:80% } sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sub { bottom:-.25em } sup { top:-.5em } img { border-style:none } button,input,optgroup,select,textarea { font-family:inherit; font-size:100%; line-height:1.15; margin:0 } button,input { overflow:visible } button,select { text-transform:none } [type=button],[type=reset],[type=submit],button { -webkit-appearance:button } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style:none; padding:0 } [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline:1px dotted ButtonText } fieldset { padding:.35em .75em .625em } legend { box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal } progress { vertical-align:baseline } textarea { overflow:auto } [type=checkbox],[type=radio] { box-sizing:border-box; padding:0 } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height:auto } [type=search] { -webkit-appearance:textfield; outline-offset:-2px } [type=search]::-webkit-search-decoration { -webkit-appearance:none } ::-webkit-file-upload-button { -webkit-appearance:button; font:inherit } details { display:block } summary { display:list-item } template { display:none } [hidden] { display:none } select { -moz-appearance:none; -webkit-appearance:none } select::-ms-expand { display:none } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .m-0 { margin:0 } .p-0 { padding:0 } .mx-0 { margin-left:0; margin-right:0 } .my-0 { margin-top:0; margin-bottom:0 } .px-0 { padding-left:0; padding-right:0 } .py-0 { padding-top:0; padding-bottom:0 } .mt-0 { margin-top:0 } .pt-0 { padding-top:0 } .mr-0 { margin-right:0 } .pr-0 { padding-right:0 } .mb-0 { margin-bottom:0 } .pb-0 { padding-bottom:0 } .ml-0 { margin-left:0 } .pl-0 { padding-left:0 } .m-1 { margin:.25rem } .p-1 { padding:.25rem } .mx-1 { margin-left:.25rem; margin-right:.25rem } .my-1 { margin-top:.25rem; margin-bottom:.25rem } .px-1 { padding-left:.25rem; padding-right:.25rem } .py-1 { padding-top:.25rem; padding-bottom:.25rem } .mt-1 { margin-top:.25rem } .pt-1 { padding-top:.25rem } .mr-1 { margin-right:.25rem } .pr-1 { padding-right:.25rem } .mb-1 { margin-bottom:.25rem } .pb-1 { padding-bottom:.25rem } .ml-1 { margin-left:.25rem } .pl-1 { padding-left:.25rem } .m-2 { margin:.5rem } .p-2 { padding:.5rem } .mx-2 { margin-left:.5rem; margin-right:.5rem } .my-2 { margin-top:.5rem; margin-bottom:.5rem } .px-2 { padding-left:.5rem; padding-right:.5rem } .py-2 { padding-top:.5rem; padding-bottom:.5rem } .mt-2 { margin-top:.5rem } .pt-2 { padding-top:.5rem } .mr-2 { margin-right:.5rem } .pr-2 { padding-right:.5rem } .mb-2 { margin-bottom:.5rem } .pb-2 { padding-bottom:.5rem } .ml-2 { margin-left:.5rem } .pl-2 { padding-left:.5rem } .m-3 { margin:1rem } .p-3 { padding:1rem } .mx-3 { margin-left:1rem; margin-right:1rem } .my-3 { margin-top:1rem; margin-bottom:1rem } .px-3 { padding-left:1rem; padding-right:1rem } .py-3 { padding-top:1rem; padding-bottom:1rem } .mt-3 { margin-top:1rem } .pt-3 { padding-top:1rem } .mr-3 { margin-right:1rem } .pr-3 { padding-right:1rem } .mb-3 { margin-bottom:1rem } .pb-3 { padding-bottom:1rem } .ml-3 { margin-left:1rem } .pl-3 { padding-left:1rem } .m-4 { margin:2rem } .p-4 { padding:2rem } .mx-4 { margin-left:2rem; margin-right:2rem } .my-4 { margin-top:2rem; margin-bottom:2rem } .px-4 { padding-left:2rem; padding-right:2rem } .py-4 { padding-top:2rem; padding-bottom:2rem } .mt-4 { margin-top:2rem } .pt-4 { padding-top:2rem } .mr-4 { margin-right:2rem } .pr-4 { padding-right:2rem } .mb-4 { margin-bottom:2rem } .pb-4 { padding-bottom:2rem } .ml-4 { margin-left:2rem } .pl-4 { padding-left:2rem } .m-5 { margin:4rem } .p-5 { padding:4rem } .mx-5 { margin-left:4rem; margin-right:4rem } .my-5 { margin-top:4rem; margin-bottom:4rem } .px-5 { padding-left:4rem; padding-right:4rem } .py-5 { padding-top:4rem; padding-bottom:4rem } .mt-5 { margin-top:4rem } .pt-5 { padding-top:4rem } .mr-5 { margin-right:4rem } .pr-5 { padding-right:4rem } .mb-5 { margin-bottom:4rem } .pb-5 { padding-bottom:4rem } .ml-5 { margin-left:4rem } .pl-5 { padding-left:4rem } .m-6 { margin:8rem } .p-6 { padding:8rem } .mx-6 { margin-left:8rem; margin-right:8rem } .my-6 { margin-top:8rem; margin-bottom:8rem } .px-6 { padding-left:8rem; padding-right:8rem } .py-6 { padding-top:8rem; padding-bottom:8rem } .mt-6 { margin-top:8rem } .pt-6 { padding-top:8rem } .mr-6 { margin-right:8rem } .pr-6 { padding-right:8rem } .mb-6 { margin-bottom:8rem } .pb-6 { padding-bottom:8rem } .ml-6 { margin-left:8rem } .pl-6 { padding-left:8rem } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } html { font-size:16px } body { font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif; color:#333; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased } h1,h2,h3,h4,h5,h6 { font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif; color:#000 } h1.white,h2.white,h3.white,h4.white,h5.white,h6.white { color:#fff } p { line-height:1.5; margin-bottom:1rem } p:last-child { margin-bottom:0 } .big-text { font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif } .text-block { padding-bottom:24px; padding-top:24px } .text-block ol,.text-block ul { padding-left:1rem; counter-reset:section; list-style-type:none } .text-block ol li::before,.text-block ul li::before { counter-increment:section; content:counters(section,".") " " } .text-block ol>li,.text-block ul>li { margin-top:1rem } .text-block ol>li:before,.text-block ul>li:before { content:counters(section,".") ". " } .text-block ol>li li:before,.text-block ul>li li:before { content:counters(section,".") " " } .center { text-align:center } .light { font-weight:300 } strong { font-weight:700 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .xm-btn { display:inline-block; padding:10px 32px; border:1px solid transparent; line-height:1.25; border-radius:4px; box-sizing:border-box; text-align:center; font-size:16px; font-weight:400; cursor:pointer; text-decoration:none!important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition:background-color .15s; white-space:nowrap } .xm-btn.loading .spinner { display:initial } .xm-btn .spinner { display:none } .xm-btn.disabled,.xm-btn[disabled] { cursor:not-allowed } .xm-btn-default { border:1px solid #666 } .xm-btn-primary { color:#fff; background:#f83621 } .xm-btn-primary.hover,.xm-btn-primary:hover { color:#fff; background:#f72008 } .xm-btn-primary.active,.xm-btn-primary:active { background:#df1c07 } .xm-btn-primary.disabled { background:#f83621; cursor:not-allowed } .xm-btn-primary.loading { background:#f83621; cursor:not-allowed } .xm-btn-secondary { color:#fff; background:#2b2b2b } .xm-btn-secondary.hover,.xm-btn-secondary:hover { color:#fff; background:#1e1e1e } .xm-btn-secondary.active,.xm-btn-secondary:active { background:#121212 } .xm-btn-secondary.disabled { background:#2b2b2b; cursor:not-allowed } .xm-btn-secondary.loading { background:#2b2b2b; cursor:not-allowed } .xm-btn-default { color:#666; background:#fff } .xm-btn-default.hover,.xm-btn-default:hover { color:#666; background:#eeeef0 } .xm-btn-default.active,.xm-btn-default:active { background:#dfdfdf } .xm-btn-default.disabled { background:#fff; cursor:not-allowed } .xm-btn-default.loading { background:#fff; cursor:not-allowed } .xm-btn-info { color:#fff; background:#107ee6 } .xm-btn-info.hover,.xm-btn-info:hover { color:#fff; background:#0e71ce } .xm-btn-info.active,.xm-btn-info:active { background:#0d64b6 } .xm-btn-info.disabled { background:#107ee6; cursor:not-allowed } .xm-btn-info.loading { background:#107ee6; cursor:not-allowed } .xm-btn-success { color:#fff; background:#33b311 } .xm-btn-success.hover,.xm-btn-success:hover { color:#fff; background:#2c9c0f } .xm-btn-success.active,.xm-btn-success:active { background:#26840d } .xm-btn-success.disabled { background:#33b311; cursor:not-allowed } .xm-btn-success.loading { background:#33b311; cursor:not-allowed } .xm-btn-warning { color:#fff; background:#fabf0b } .xm-btn-warning.hover,.xm-btn-warning:hover { color:#fff; background:#e7af05 } .xm-btn-warning.active,.xm-btn-warning:active { background:#ce9c04 } .xm-btn-warning.disabled { background:#fabf0b; cursor:not-allowed } .xm-btn-warning.loading { background:#fabf0b; cursor:not-allowed } .xm-btn-error { color:#fff; background:#bb1414 } .xm-btn-error.hover,.xm-btn-error:hover { color:#fff; background:#a41212 } .xm-btn-error.active,.xm-btn-error:active { background:#8d0f0f } .xm-btn-error.disabled { background:#bb1414; cursor:not-allowed } .xm-btn-error.loading { background:#bb1414; cursor:not-allowed } .xm-btn-outline-primary { color:#f83621; border:1px solid #f83621 } .xm-btn-outline-primary.hover,.xm-btn-outline-primary:hover { color:#fff; background-color:#f83621 } .xm-btn-outline-primary.active,.xm-btn-outline-primary:active { border:1px solid #df1c07; background-color:#df1c07 } .xm-btn-outline-primary.disabled { border:#f83621; cursor:not-allowed } .xm-btn-outline-primary.loading { border:#f83621; cursor:not-allowed } .xm-btn-outline-secondary { color:#2b2b2b; border:1px solid #2b2b2b } .xm-btn-outline-secondary.hover,.xm-btn-outline-secondary:hover { color:#fff; background-color:#2b2b2b } .xm-btn-outline-secondary.active,.xm-btn-outline-secondary:active { border:1px solid #121212; background-color:#121212 } .xm-btn-outline-secondary.disabled { border:#2b2b2b; cursor:not-allowed } .xm-btn-outline-secondary.loading { border:#2b2b2b; cursor:not-allowed } .xm-btn-outline-default { color:#fff; border:1px solid #fff } .xm-btn-outline-default.hover,.xm-btn-outline-default:hover { color:#fff; background-color:#fff } .xm-btn-outline-default.active,.xm-btn-outline-default:active { border:1px solid #dfdfdf; background-color:#dfdfdf } .xm-btn-outline-default.disabled { border:#fff; cursor:not-allowed } .xm-btn-outline-default.loading { border:#fff; cursor:not-allowed } .xm-btn-outline-info { color:#107ee6; border:1px solid #107ee6 } .xm-btn-outline-info.hover,.xm-btn-outline-info:hover { color:#fff; background-color:#107ee6 } .xm-btn-outline-info.active,.xm-btn-outline-info:active { border:1px solid #0d64b6; background-color:#0d64b6 } .xm-btn-outline-info.disabled { border:#107ee6; cursor:not-allowed } .xm-btn-outline-info.loading { border:#107ee6; cursor:not-allowed } .xm-btn-outline-success { color:#33b311; border:1px solid #33b311 } .xm-btn-outline-success.hover,.xm-btn-outline-success:hover { color:#fff; background-color:#33b311 } .xm-btn-outline-success.active,.xm-btn-outline-success:active { border:1px solid #26840d; background-color:#26840d } .xm-btn-outline-success.disabled { border:#33b311; cursor:not-allowed } .xm-btn-outline-success.loading { border:#33b311; cursor:not-allowed } .xm-btn-outline-warning { color:#fabf0b; border:1px solid #fabf0b } .xm-btn-outline-warning.hover,.xm-btn-outline-warning:hover { color:#fff; background-color:#fabf0b } .xm-btn-outline-warning.active,.xm-btn-outline-warning:active { border:1px solid #ce9c04; background-color:#ce9c04 } .xm-btn-outline-warning.disabled { border:#fabf0b; cursor:not-allowed } .xm-btn-outline-warning.loading { border:#fabf0b; cursor:not-allowed } .xm-btn-outline-error { color:#bb1414; border:1px solid #bb1414 } .xm-btn-outline-error.hover,.xm-btn-outline-error:hover { color:#fff; background-color:#bb1414 } .xm-btn-outline-error.active,.xm-btn-outline-error:active { border:1px solid #8d0f0f; background-color:#8d0f0f } .xm-btn-outline-error.disabled { border:#bb1414; cursor:not-allowed } .xm-btn-outline-error.loading { border:#bb1414; cursor:not-allowed } hr.block-hr { border:0; height:1px; background-image:linear-gradient(to right,rgba(238,238,238,0),#eee 50%,rgba(238,238,238,0)) } .toast { position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-color:rgba(0,0,0,.65); padding:8px 32px; border-radius:4px; box-shadow:0 4px 8px 0 rgba(0,0,0,.2); visibility:hidden; opacity:0; z-index:9999; transition:.5s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; text-align:center } .toast span { font-weight:600; color:#fff; cursor:auto } .toast.active { visibility:visible; opacity:1 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } footer#global_footer { padding:120px 0; font-size:16px } @media only screen and (max-width:767px) { footer#global_footer { padding:60px 0 } }footer#global_footer .global__footer-icons { width:-webkit-fit-content; width:-moz-fit-content; width:fit-content; margin:0 auto 40px; display:flex } @media only screen and (max-width:767px) { footer#global_footer .global__footer-icons { margin-bottom:20px } }footer#global_footer .global__footer-icons>:not(:last-child) { margin-right:45px } @media only screen and (max-width:767px) { footer#global_footer .global__footer-icons>:not(:last-child) { margin-right:20px } }footer#global_footer .global__footer-icons a { color:#15171a; line-height:0; font-size:28px; display:inline-block } @media only screen and (max-width:767px) { footer#global_footer .global__footer-icons a { font-size:20px } }footer#global_footer .global__footer-icons a:hover { text-decoration:none; color:#212529 } footer#global_footer .global__footer-icons .qrcode__container { position:relative } @media only screen and (min-width:768px) { footer#global_footer .global__footer-icons .qrcode__container::after { content:''; position:absolute; bottom:100%; display:inline-block; height:25px; left:-20px; right:-20px } }footer#global_footer .global__footer-icons .qrcode__wrapper { display:none; position:absolute; bottom:100%; padding:1rem; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); margin-bottom:24px; text-align:center; box-shadow:0 0 30px rgba(0,0,0,.1); border-radius:16px; background:#fff } footer#global_footer .global__footer-icons .qrcode__wrapper::after { content:''; display:inline-block; position:absolute; top:100%; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-style:solid; border-width:16px 16px 0 16px; border-color:#fff transparent transparent transparent } @media only screen and (max-width:767px) { footer#global_footer .global__footer-icons .qrcode__wrapper { border-radius:10px; padding:.5rem } }footer#global_footer .global__footer-icons .qrcode__wrapper.active { display:inline-block } footer#global_footer .global__footer-icons .qrcode__wrapper img { width:128px } @media only screen and (max-width:767px) { footer#global_footer .global__footer-icons .qrcode__wrapper img { width:100px } }footer#global_footer .global__footer-title { text-align:center; text-transform:uppercase; font-weight:700; margin:60px 0; font-size:16px } @media only screen and (max-width:767px) { footer#global_footer .global__footer-title { font-size:14px; margin:40px 0 } }footer#global_footer .global__footer-language { text-align:center; position:relative } footer#global_footer .global__footer-language .language-show { cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; display:inline-block; background-color:#f8f9fa; padding:10px 20px; border-radius:25px } footer#global_footer .global__footer-language .language-show[data-show=false]::after { display:inline-block; width:0; height:0; margin-left:.255em; vertical-align:middle; content:""; border-top:.3em solid; border-right:.3em solid transparent; border-bottom:0; border-left:.3em solid transparent } footer#global_footer .global__footer-language .language-show[data-show=true]::after { display:inline-block; width:0; height:0; margin-left:.255em; vertical-align:middle; content:""; border-top:0; border-right:.3em solid transparent; border-bottom:.3em solid; border-left:.3em solid transparent } footer#global_footer .global__footer-language .language-menu { list-style:none; background:#fff; padding:0; margin:0; display:none; position:absolute; bottom:48px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); box-shadow:0 2px 6px 0 rgba(67,75,84,.3); border-radius:5px } footer#global_footer .global__footer-language .language-menu a { display:inline-block; width:100%; padding:8px 16px; line-height:1.25; color:#000 } footer#global_footer .global__footer-language .language-menu a:hover { text-decoration:none; background-color:#ebebeb } footer#global_footer .global__footer-language .language-menu.show { display:inline-block } footer#global_footer .global__footer-section { display:flex; justify-content:center; flex-wrap:wrap } footer#global_footer .global__footer-section .vertical-divide { margin:0 20px; width:1px; background-color:#000 } footer#global_footer .global__footer-section.small-section { margin-top:10px; font-size:14px; color:rgba(60,60,67,.6) } @media only screen and (max-width:767px) { footer#global_footer .global__footer-section.small-section { font-size:12px } }footer#global_footer .global__footer-section.small-section a { color:inherit } footer#global_footer .global__footer-section a { display:block; line-height:1; color:#000 } footer#global_footer .global__footer-section a:hover { text-decoration:none } @media only screen and (max-width:767px) { footer#global_footer .global__footer-section a { font-size:14px } }footer#global_footer .global__footer-section__item { margin-top:15px; display:flex; align-items:center } footer#global_footer .global__footer-section__item:not(:first-child) { margin-left:15px } @media only screen and (max-width:767px) { footer#global_footer .global__footer-section__item:not(:first-child) { margin-left:10px } }footer#global_footer .global__footer-section__item:not(:last-child)::after { display:inline-block; content:""; width:1.5px; height:90%; background-color:#dfe1e5; margin-left:15px } @media only screen and (max-width:767px) { footer#global_footer .global__footer-section__item:not(:last-child)::after { margin-left:10px } }footer#global_footer .global__footer-cn { margin-top:60px; color:rgba(60,60,67,.6); text-align:center; font-size:14px } @media only screen and (max-width:767px) { footer#global_footer .global__footer-cn { margin-top:30px } }footer#global_footer .global__footer-cn .cn-remark a:first-child,footer#global_footer .global__footer-cn p { margin-right:16px } @media only screen and (max-width:767px) { footer#global_footer .global__footer-cn .cn-remark a:first-child,footer#global_footer .global__footer-cn p { margin-bottom:10px } }@media only screen and (max-width:767px) { footer#global_footer .global__footer-cn .cn-remark { display:flex; flex-direction:column } }footer#global_footer .global__footer-cn .cn-remark img { vertical-align:bottom } footer#global_footer .global__footer-cn a { color:inherit; text-decoration:none } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .global-header { height:64px; line-height:64px; width:100%; z-index:1000 } .global-header .logo-dark { display:block } .global-header .logo-white { display:none } .global-header .global-header__menu-toggle span { background-color:#333 } .global-header .global-header__wrapper { -webkit-backdrop-filter:blur(3px); transition:box-shadow .5s ease } .global-header.initial-transparent .global-header__wrapper { background-color:transparent } .global-header.has-shadow .global-header__wrapper { box-shadow:0 2px 10px 0 rgba(0,0,0,.07) } .global-header.opaque .global-header__wrapper { background-color:rgba(255,255,255,.93) } .global-header.opaque .global-header__wrapper--shadow { box-shadow:0 2px 10px 0 rgba(0,0,0,.07) } .global-header.opaque .global-header__navigation li.active a { color:#e41717 } .global-header:not(.opaque) .logo-dark { display:none } .global-header:not(.opaque) .logo-white { display:block } .global-header:not(.opaque) .global-header__menu-toggle span { background-color:#fff } .global-header:not(.opaque) a { color:#fff } .global-header:not(.opaque) .global-header__navigation li.active a { opacity:.6 } .global-header li,.global-header ul { padding:0; margin:0; list-style:none; line-height:inherit } .global-header__wrapper { height:64px; left:env(safe-area-inset-left,0); right:env(safe-area-inset-right,0); font-size:14px; white-space:nowrap; z-index:1000 } .global-header__logo-img { height:64px } .global-header__logo { display:flex; justify-content:center; align-items:center } .global-header .global-header__account { position:relative; height:48px; display:flex; justify-content:center; align-items:center } .global-header .global-header__account .icon-user { font-size:20px; vertical-align:sub } @media only screen and (max-width:991px) { .global-header .global-header__account .icon-user { font-size:25px; vertical-align:middle } }.global-header .global-header__account-dropdown:hover { display:block } .global-header .global-header__account .global-header__account-dropdown { display:none; text-align:left; min-width:184px; margin:0; z-index:1000; position:absolute; top:45px; right:-5px; background-color:#fff; padding:8px 0; border-radius:4px; box-shadow:0 0 16px 0 rgba(67,75,84,.2),0 0 1px 0 rgba(67,75,84,.1) } @media only screen and (max-width:991px) { .global-header .global-header__account .global-header__account-dropdown { right:0 } }.global-header .global-header__account .global-header__account-dropdown:hover { display:block } .global-header .global-header__account .global-header__account-dropdown a { color:#333 } .global-header .global-header__account .global-header__account-dropdown:before { content:''; position:absolute; top:-7px; right:30px; width:0; height:0; border-style:solid; border-width:0 6px 7.8px 6px; border-color:transparent transparent #fff transparent; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:1 } @media only screen and (max-width:991px) { .global-header .global-header__account .global-header__account-dropdown:before { right:20px!important } }.global-header .global-header__account .global-header__account-dropdown:after { content:''; position:absolute; top:-12px; width:100%; height:12px; background:0 0; z-index:0 } .global-header .global-header__account .global-header__account-dropdown li { padding:0; position:relative; line-height:40px; color:#000 } .global-header .global-header__account .global-header__account-dropdown li:last-child { border-bottom:none } .global-header .global-header__account .global-header__account-dropdown li:hover { color:#000 } .global-header .global-header__account .global-header__account-dropdown li a { display:inline-block; width:100%; padding:0 32px; font-size:16px; color:#333; font-weight:400; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .global-header .global-header__account .global-header__account-dropdown li+li:after { content:''; left:16px; right:16px; border-top:1px solid #ebebeb; position:absolute; top:-1px } .global-header .global-header__account .global-header__account-dropdown li:hover a { color:#000; background:#f9f9f9 } .global-header .global-header__account .global-header__account-dropdown li.active a,.global-header .global-header__account .global-header__account-dropdown li:active a { background:#ebebeb } .global-header .global-header__account>a:hover+.menu-dropdown { display:block } .global-header .global-header__account .img-avatar,.global-header .global-header__account .text-avatar { width:26px; height:26px; border-radius:50%; display:none } .global-header .global-header__account-link { color:#000; text-decoration:none } .global-header__large-screen { position:relative; display:none } @media only screen and (min-width:992px) { .global-header__large-screen { display:flex; justify-content:space-between; align-items:center; padding-top:8px; padding-bottom:8px } }.global-header__large-screen .global-header__download { display:none; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden } .global-header__large-screen .global-header__account { position:relative } .global-header__large-screen .global-header__navigation { z-index:1; display:flex; align-items:center; justify-content:space-around } .global-header__large-screen .global-header__navigation li a { color:#333; font-weight:500; text-decoration:none; padding:0 25px } .global-header__large-screen a.btn { font-weight:700 } .global-header__large-screen .global-header__logo img { height:25px; z-index:1 } .global-header__small-screen { position:relative; display:none } @media only screen and (max-width:991px) { .global-header__small-screen { display:flex; justify-content:center } }.global-header__small-screen .global-header__logo img { width:79px } .global-header__small-screen .global-header__account { z-index:2; position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } .global-header__small-screen .global-header__account-link { padding:19px; width:68px } .global-header__small-screen .global-header__account-link img { width:24px } .global-header__small-screen .global-header__small-screen-menu { overflow:hidden; visibility:hidden; position:fixed; top:64px; left:0; height:100%; height:calc(100% - 64px); width:100%; z-index:1 } .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper { position:absolute; height:100%; width:100%; transition:.5s ease; top:-100%; left:env(safe-area-inset-left,0); right:env(safe-area-inset-right,0); padding-bottom:128px; background-color:#fff } .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper ul { margin:0; list-style:none; padding:0 30px } .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper ul li { position:relative; height:48px; margin:0; padding:0; text-decoration:none; cursor:pointer; text-align:left } .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper ul li i { display:inline-block; height:20px; width:20px; position:relative; top:-2px; margin-right:8px; background-size:cover; background-position:0 0; vertical-align:middle } .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper ul li a { display:inline-block; width:calc(100% + 2rem); height:100%; line-height:48px; padding:0 1rem; margin:0 -1rem; text-decoration:none; border-bottom:solid 1px rgba(148,148,148,.2) } .global-header__small-screen .global-header__small-screen-menu .global-header__menu-wrapper ul li a:hover { color:#000; background-color:#e7e7e7 } .global-header__small-screen .global-header__menu-toggle { cursor:pointer; position:absolute; left:30px; transition:.5s ease-in-out; width:22px; height:22px; top:20px } .global-header__small-screen .global-header__menu-toggle span { display:block; position:absolute; border-radius:9px; height:2px; width:100%; transition:all .25s ease-in-out; -webkit-transform-origin:left center; transform-origin:left center } .global-header__small-screen .global-header__menu-toggle span:nth-child(1) { top:5px } .global-header__small-screen .global-header__menu-toggle span:nth-child(2) { top:12px } .global-header__small-screen .global-header__menu-toggle span:nth-child(3) { top:19px } .global-header__small-screen.opened a { color:#333 } .global-header__small-screen.opened .global-header__menu-toggle span:nth-child(1) { top:4.25px; -webkit-transform:rotate(45deg); transform:rotate(45deg) } .global-header__small-screen.opened .global-header__menu-toggle span:nth-child(2) { width:0% } .global-header__small-screen.opened .global-header__menu-toggle span:nth-child(3) { top:19.75px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg) } .global-header__small-screen.opened .global-header__small-screen-menu { visibility:visible } .global-header__small-screen.opened .global-header__small-screen-menu .global-header__menu-wrapper { top:0; overflow:auto } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .cookies-prompt { width:100vw; position:fixed; bottom:0; z-index:777; font-size:16px; background:#fff } .cookies-prompt--hidden { display:none } .cookies-prompt__container { width:100%; max-width:1170px; margin:0 auto; padding:24px 30px 24px 30px; display:flex; align-items:center; justify-content:space-between } @media only screen and (max-width:767px) { .cookies-prompt__container { padding-top:16px; padding-bottom:16px } }.cookies-prompt__content { flex-basis:75% } @media only screen and (max-width:575px) { .cookies-prompt__content { font-size:12px; flex-basis:82% } }.cookies-prompt__content a { white-space:nowrap } .cookies-prompt__close { flex-shrink:0; width:32px; height:32px; border-radius:16px; background-color:#f8f9fa; cursor:pointer; text-align:center } .cookies-prompt__close span { line-height:32px } @media only screen and (min-width:768px) { .cookies-prompt__close span { font-size:18px } }.xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .pricing-title { min-height:2.25rem; line-height:2.25rem; font-size:20px; font-weight:600 } .pricing-aslowas,.pricing-subtitle { color:#8c8c8c } .pricing-aslowas { margin-top:48px } .pricing-price { margin:0 0 24px; color:#000 } .pricing-price__price { display:inline-block; font-size:40px; font-weight:600; min-height:3.5rem; line-height:3.5rem } .pricing-price__price-info { padding-left:8px } .pricing-price__previous-price { text-decoration:line-through; white-space:nowrap } .pricing-price__duration { display:inline-block; font-size:20px; white-space:nowrap; color:#333 } .pricing-list { list-style-type:none } .pricing-list li { font-size:16px; line-height:1.5; margin-bottom:8px; color:#2b2b2b } .pricing-sep { border-color:#b2b2b2; width:100%; margin:0 } .pricing-cell { max-width:350px; text-align:center; position:relative; padding:48px 24px; margin-bottom:24px; box-shadow:0 8px 24px 0 rgba(0,0,0,.1),0 8px 12px -8px rgba(0,0,0,.2); border-radius:8px; background-color:#fff } .pricing-cell__pricing-list { padding-left:0; margin:24px 0 0 0 } .pricing-cell__btn { width:100%; width:-webkit-fit-content; width:-moz-fit-content; width:fit-content; max-width:280px; display:block; margin-top:64px; margin-left:auto; margin-right:auto } .pricing-cell_theme_black { background-color:#fff } .pricing-cell_theme_black .pricing-title { margin-left:-20px; margin-right:-20px; font-size:28px; font-weight:600 } .pricing-cell_theme_black .pricing-sep { border-color:#25292d } .pricing-cell_theme_black .pricing-price__price { font-size:48px; font-weight:600 } .pricing-cell_theme_black .pricing-price__previous-price { text-decoration:line-through } .pricing-cell__decorator { position:absolute; right:16px; top:0; width:40px } .pricing-cell__decorator img { width:100% } .edu-block .btn { min-width:200px } .edu-block .pricing__period { font-size:13px } .pricing-card { overflow:hidden; background-color:#fff; box-shadow:0 2px 6px 0 rgba(67,75,84,.3); border-radius:8px } @media (min-width:768px) { .pricing-card { display:flex } }.pricing-card__info { position:relative; padding:48px 70px 40px 40px; min-height:485px } @media (min-width:768px) { .pricing-card__info { width:50% } }.pricing-card__description { margin-top:24px; max-width:270px } .pricing-card__btn { position:absolute; left:40px; right:40px; bottom:40px } .pricing-card__features { display:flex; align-items:center; position:relative; background-color:#f7f9fa; padding:40px } @media (min-width:768px) { .pricing-card__features { width:50%; padding:0 40px 0 40px } }.xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .main-block,.main-feature { position:relative; padding:48px 0 64px 0 } @media only screen and (min-width:576px) { .main-block,.main-feature { padding:64px 0 80px 0 } }.main-block { padding:45px 0 } @media only screen and (min-width:576px) { .main-block { padding:80px 0 } }.main-feature__image img { max-width:100%; width:100% } .main-feature__text { display:flex; align-items:center } .main-feature__text h2 { font-weight:600 } .main-feature__text p { font-size:1.25rem } .main-feature__image { text-align:center; padding-bottom:24px } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .compare-table { color:#2b2b2b; position:relative; padding:48px 24px 64px 24px; border-radius:8px; box-shadow:0 8px 12px -12px rgba(0,0,0,.5),0 8px 24px 0 rgba(0,0,0,.1); margin:0 0 64px 0 } .compare-table .row { margin-left:0; margin-right:0 } .compare-table [class*=col-] { padding-left:0; padding-right:0 } .compare-table .icon-star-solid { color:#f1a204 } @media only screen and (max-width:767px) { .compare-table { font-size:14px; box-shadow:none; padding:0 } }.compare-table__row { padding:16px 0; border-bottom:1px solid #d6d6d6 } .compare-table__feature { margin-bottom:8px; font-weight:600; color:#8c8c8c } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .step-bar { position:relative; display:flex; justify-content:space-between; align-items:center } .step { position:relative; top:14px } .step__circle { height:64px; width:64px; flex-grow:0; flex-shrink:0; background-color:#ebebeb; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px } .step__text { width:100%; text-align:center; padding-top:8px } .step-line { height:1px; width:100%; background-color:#d6d6d6 } .step_done .step__circle { background-color:#1dc360 } .step-line_done { background-color:#1dc360 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .xm-dialog { position:absolute; background-color:#fff; width:calc(100% - 30px); top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); box-shadow:0 8px 16px 0 rgba(67,75,84,.2); border-radius:4px; padding:24px; overflow:hidden; font-size:16px; font-weight:400 } @media only screen and (min-width:576px) { .xm-dialog { width:540px } }.xm-dialog .btn { text-transform:initial } .xm-dialog__top-bar { position:absolute; top:0; left:0; width:100%; height:4px; background-color:#f83621 } .xm-dialog__close-btn { position:absolute; top:8px; right:8px; cursor:pointer; color:#8c8c8c } .xm-dialog__close-btn:hover { color:#000 } .xm-dialog__footer { display:flex; justify-content:flex-start; margin-top:24px } .xm-dialog__footer .loading { height:26px } .xm-dialog__footer .loading div { top:10px } .xm-dialog__confirm { white-space:initial; position:relative; margin-right:8px } @media only screen and (max-width:767px) { .xm-dialog__confirm { margin:0; margin-bottom:16px } }.xm-dialog-background { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); z-index:9999; overflow:hidden } .xm-dialog-background.hidden { display:none } .xm-dialog-background.transparent { background-color:transparent } @media only screen and (max-width:767px) { .xm-dialog { padding:24px } .xm-dialog__footer { flex-direction:column } .xm-dialog__confirm { width:100%; padding-left:0; padding-right:0 } .xm-dialog__cancel { text-align:center } }@font-face { font-family:SourceSansPro; font-style:normal; src:local("SourceSansPro Regular"),local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(SourceSansPro-Regular-5182da425f.ttf) format("truetype") } @font-face { font-family:SourceSansPro; font-style:normal; font-weight:300; src:local("SourceSansPro Light"),local("SourceSansPro-Light"),url(SourceSansPro-Light-ee2a11b805.ttf) format("truetype") } @font-face { font-family:SourceSansPro; font-style:normal; font-weight:400; src:local("SourceSansPro Regular"),local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(SourceSansPro-Regular-5182da425f.ttf) format("truetype") } @font-face { font-family:SourceSansPro; font-style:normal; font-weight:600; src:local("SourceSansPro SemiBold"),local("SourceSansPro-SemiBold"),url(SourceSansPro-SemiBold-774c05ccae.ttf) format("truetype") } @font-face { font-family:SourceSansPro; font-style:normal; font-weight:700; src:local("SourceSansPro Bold"),local("SourceSansPro-Bold"),url(SourceSansPro-Bold-0d9b62a032.ttf) format("truetype") } @font-face { font-family:SourceSansPro; font-style:normal; src:local("SourceSansPro Regular"),local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(SourceSansPro-Regular-5182da425f.ttf) format("truetype") } @font-face { font-family:SourceSansPro; font-style:normal; font-weight:300; src:local("SourceSansPro Light"),local("SourceSansPro-Light"),url(SourceSansPro-Light-ee2a11b805.ttf) format("truetype") } @font-face { font-family:SourceSansPro; font-style:normal; font-weight:400; src:local("SourceSansPro Regular"),local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(SourceSansPro-Regular-5182da425f.ttf) format("truetype") } @font-face { font-family:SourceSansPro; font-style:normal; font-weight:600; src:local("SourceSansPro SemiBold"),local("SourceSansPro-SemiBold"),url(SourceSansPro-SemiBold-774c05ccae.ttf) format("truetype") } @font-face { font-family:SourceSansPro; font-style:normal; font-weight:700; src:local("SourceSansPro Bold"),local("SourceSansPro-Bold"),url(SourceSansPro-Bold-0d9b62a032.ttf) format("truetype") } @font-face { font-family:NeverMind; font-style:normal; font-weight:300; src:local("NeverMind Light"),local("NeverMind-Light"),url(NeverMind-light300-9be0983801.eot) format("embedded-opentype"); src:local("NeverMind Light"),local("NeverMind-Light"),url(NeverMind-light300-71847da27d.woff) format("woff"),url(NeverMind-light300-7dbe96bfde.ttf) format("truetype") } @font-face { font-family:NeverMind; font-style:normal; font-weight:400; src:local("NeverMind Regular"),local("NeverMind-Regular"),url(NeverMind-Regular400-7e0a6876e6.eot) format("embedded-opentype"); src:local("NeverMind Regular"),local("NeverMind-Regular"),url(NeverMind-Regular400-90c70ed54d.woff) format("woff"),url(NeverMind-Regular400-c286194140.ttf) format("truetype") } @font-face { font-family:NeverMind; font-style:normal; font-weight:500; src:local("NeverMind Medium"),local("NeverMind-Medium"),url(NeverMind-Medium500-9f96bf84cf.eot) format("embedded-opentype"); src:local("NeverMind Medium"),local("NeverMind-Medium"),url(NeverMind-Medium500-a98b53da8d.woff) format("woff"),url(NeverMind-Medium500-d714868f68.ttf) format("truetype") } @font-face { font-family:NeverMind; font-style:normal; font-weight:600; src:local("NeverMind SemiBold"),local("NeverMind-SemiBold"),url(NeverMind-DemiBold600-46676bca90.eot) format("embedded-opentype"); src:local("NeverMind SemiBold"),local("NeverMind-SemiBold"),url(NeverMind-DemiBold600-ef350933d7.woff) format("woff"),url(NeverMind-DemiBold600-c39bb0be14.ttf) format("truetype") } @font-face { font-family:NeverMind; font-style:normal; font-weight:700; src:local("NeverMind Bold"),local("NeverMind-Bold"),url(NeverMind-Bold700-4b58f2a40c.eot) format("embedded-opentype"); src:local("NeverMind Bold"),local("NeverMind-Bold"),url(NeverMind-Bold700-7d10122186.woff) format("woff"),url(NeverMind-Bold700-7733632a4e.ttf) format("truetype") } @font-face { font-family:NeverMind; font-style:normal; font-weight:800; src:local("NeverMind ExtraBold"),local("NeverMind-ExtraBold"),url(NeverMind-Extrabold800-44dd1cc51c.eot) format("embedded-opentype"); src:local("NeverMind ExtraBold"),local("NeverMind-ExtraBold"),url(NeverMind-Extrabold800-08fd0ae7d3.woff) format("woff"),url(NeverMind-Extrabold800-ef7df2e95a.ttf) format("truetype") } @font-face { font-family:NeverMindCondense; font-style:normal; font-weight:300; src:local("NeverMindCondense Light"),local("NeverMindCondense-Light"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondlight300-4b202f0658.eot) format("embedded-opentype"); src:local("NeverMindCondense Light"),local("NeverMindCondense-Light"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondlight300-dfadd0e0f2.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondlight300-275b31e29c.ttf) format("truetype") } @font-face { font-family:NeverMindCondense; font-style:normal; font-weight:400; src:local("NeverMindCondense Regular"),local("NeverMindCondense-Regular"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondRegular400-5089a0a835.eot) format("embedded-opentype"); src:local("NeverMindCondense Regular"),local("NeverMindCondense-Regular"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondRegular400-0fdc275c78.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondRegular400-e071b0dea6.ttf) format("truetype") } @font-face { font-family:NeverMindCondense; font-style:normal; font-weight:500; src:local("NeverMindCondense Medium"),local("NeverMindCondense-Medium"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondMedium500-8ab4caf6cc.eot) format("embedded-opentype"); src:local("NeverMindCondense Medium"),local("NeverMindCondense-Medium"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondMedium500-2942358fdb.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondMedium500-fa0c89a8e1.ttf) format("truetype") } @font-face { font-family:NeverMindCondense; font-style:normal; font-weight:600; src:local("NeverMindCondense SemiBold"),local("NeverMindCondense-SemiBold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondDemiBold600-4cc2acec9e.eot) format("embedded-opentype"); src:local("NeverMindCondense SemiBold"),local("NeverMindCondense-SemiBold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondDemiBold600-014fbd93f8.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondDemiBold600-e750bf2c1d.ttf) format("truetype") } @font-face { font-family:NeverMindCondense; font-style:normal; font-weight:700; src:local("NeverMindCondense Bold"),local("NeverMindCondense-Bold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondBold700-0e176f50c8.eot) format("embedded-opentype"); src:local("NeverMindCondense Bold"),local("NeverMindCondense-Bold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondBold700-cd724c430d.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondBold700-5751b9465e.ttf) format("truetype") } @font-face { font-family:NeverMindCondense; font-style:normal; font-weight:800; src:local("NeverMindCondense ExtraBold"),local("NeverMindCondense-ExtraBold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondExtraBold800-39ab6808de.eot) format("embedded-opentype"); src:local("NeverMindCondense ExtraBold"),local("NeverMindCondense-ExtraBold"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondExtraBold800-7319fdca76.woff) format("woff"),url(/vendor/fonts/NeverMindCondense2/NeverMind-ExtraCondExtraBold800-bb72c718df.ttf) format("truetype") } @font-face { font-family:NeverMindHand; font-style:normal; font-weight:400; src:local("NeverMindHand Regular"),local("NeverMindHand-Regular"),url(/vendor/fonts/NeverMindHand/NeverMindHand-Regular-22561e6bec.ttf) format("truetype") } @font-face { font-family:NeverMindHand; font-style:normal; font-weight:700; src:local("NeverMindHand Bold"),local("NeverMindHand-Bold"),url(/vendor/fonts/NeverMindHand/NeverMindHand-Bold-a740665ff7.ttf) format("truetype") } @font-face { font-family:NeverMindSemiSerif; font-style:normal; font-weight:700; src:local("NeverMindsemi-serif Bold"),local("NeverMindsemi-serif-Bold"),url(NeverMindsemi-serif-Bold-9af95c578f.ttf) format("truetype") } @font-face { font-family:Xmind; font-style:normal; font-weight:700; src:local("Xmind Bold"),local("Xmind-Bold"),url(/vendor/fonts/Xmind/Xmind-Bold-ed0527ca92.otf) format("opentype") } @font-face { font-family:Lemon; font-style:normal; font-weight:400; src:local("Lemon Regular"),local("Lemon-Regular"),url(Lemon-Regular-c914cb8c76.ttf) format("truetype") } i.flag { background:url(/flag-bc1d90d854.png) no-repeat 0 0; height:18px; width:24px; display:inline-block; border:1px solid #e8e8e8; position:relative; top:4px; margin-right:5px; vertical-align:text-bottom } i.flag.flag-cn { background-position:0 0 } i.flag.flag-jp { background-position:0 -24px } i.flag.flag-hk { background-position:0 -48px } i.flag.flag-sg { background-position:0 -72px } i.flag.flag-sp { background-position:0 -96px } i.flag.flag-tw { background-position:0 -120px } i.flag.flag-eu { background-position:0 -144px } i.flag.flag-kr { background-position:0 -168px } i.flag.flag-bz { background-position:0 -191px } .xm-icon-right::after { content:"›"; display:inline-block; font-size:1.5em; position:relative; top:.05em; margin-left:.3em; text-decoration:none; line-height:1 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } @-webkit-keyframes lds-ellipsis1 { 0% { -webkit-transform:scale(0); transform:scale(0) } 100% { -webkit-transform:scale(1); transform:scale(1) } }@keyframes lds-ellipsis1 { 0% { -webkit-transform:scale(0); transform:scale(0) } 100% { -webkit-transform:scale(1); transform:scale(1) } }@-webkit-keyframes lds-ellipsis3 { 0% { -webkit-transform:scale(1); transform:scale(1) } 100% { -webkit-transform:scale(0); transform:scale(0) } }@keyframes lds-ellipsis3 { 0% { -webkit-transform:scale(1); transform:scale(1) } 100% { -webkit-transform:scale(0); transform:scale(0) } }@-webkit-keyframes lds-ellipsis2 { 0% { -webkit-transform:translate(0,0); transform:translate(0,0) } 100% { -webkit-transform:translate(19px,0); transform:translate(19px,0) } }@keyframes lds-ellipsis2 { 0% { -webkit-transform:translate(0,0); transform:translate(0,0) } 100% { -webkit-transform:translate(19px,0); transform:translate(19px,0) } }.loading { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:inline-block; width:64px; height:40px } .loading div { position:absolute; top:15.5px; width:9px; height:9px; border-radius:50%; background:#fff; -webkit-animation-timing-function:cubic-bezier(0,1,1,0); animation-timing-function:cubic-bezier(0,1,1,0) } .loading.dark div { background:#000 } .loading div:nth-child(1) { left:6px; -webkit-animation:lds-ellipsis1 .6s infinite; animation:lds-ellipsis1 .6s infinite } .loading div:nth-child(2) { left:6px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(3) { left:26px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(4) { left:45px; -webkit-animation:lds-ellipsis3 .6s infinite; animation:lds-ellipsis3 .6s infinite } #compare { min-width:320px; background:#fff; color:#333; font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif; font-size:12px; line-height:1.5; -webkit-font-smoothing:antialiased } #compare p { font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:26px } #compare ul { padding:0 } #compare .container:after,#compare .container:before { display:table; content:"" } #compare .container:after { clear:both } #compare .compare-header { height:60px; z-index:97 } #compare .compare-header nav { text-align:center } #compare .compare-header nav>ul { display:inline-block; margin:-6px 0 0 } #compare .compare-header nav>ul .current:after { content:''; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#d2232a } #compare .compare-header nav>ul li { list-style:none; float:left; margin:0; position:relative } #compare .compare-header nav>ul li a { border-bottom:1px solid transparent; border-top:6px solid transparent; color:#3a3a3a; font-size:15px; display:block; letter-spacing:-.08px; position:relative; text-align:center; padding:0 20px; line-height:60px; font-weight:500; z-index:98; text-decoration:none } #compare .compare-header nav>ul li a:hover { opacity:.6 } #compare .compare-header-shadow { width:100%; height:60px; margin-top:-60px; box-shadow:0 0 5px 0 rgba(32,40,49,.15) } #compare .compare-title { font-weight:400; text-align:center; width:80%; margin:55px auto 50px auto; font-size:60px; letter-spacing:-.02px } @media screen and (max-width:767px) { #compare .compare-title { font-size:46px } }#compare .container-wrap .container { text-align:center } #compare .container-wrap .container .cloud-title-wrap { margin-top:46px; margin-bottom:20px } #compare .container-wrap .container .cloud-title-wrap h2 { font-size:40px; font-weight:400; text-align:center; margin-bottom:50px; padding-top:20px } @media screen and (max-width:767px) { #compare .container-wrap .container .cloud-title-wrap h2 { font-size:28px } }#compare .container-wrap .container .bottom-text { font-size:14px; line-height:1.3; margin-bottom:70px; margin-top:44px; padding:0 75px; text-align:center } #compare .color-white { color:#fff } #compare .background-red { background-color:#e85d4e } #compare .background-dark { background-color:#2b2f33 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } @keyframes lds-ellipsis1 { 0% { -webkit-transform:scale(0); transform:scale(0) } 100% { -webkit-transform:scale(1); transform:scale(1) } }@keyframes lds-ellipsis3 { 0% { -webkit-transform:scale(1); transform:scale(1) } 100% { -webkit-transform:scale(0); transform:scale(0) } }@keyframes lds-ellipsis2 { 0% { -webkit-transform:translate(0,0); transform:translate(0,0) } 100% { -webkit-transform:translate(19px,0); transform:translate(19px,0) } }.loading { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:inline-block; width:64px; height:40px } .loading div { position:absolute; top:15.5px; width:9px; height:9px; border-radius:50%; background:#fff; -webkit-animation-timing-function:cubic-bezier(0,1,1,0); animation-timing-function:cubic-bezier(0,1,1,0) } .loading.dark div { background:#000 } .loading div:nth-child(1) { left:6px; -webkit-animation:lds-ellipsis1 .6s infinite; animation:lds-ellipsis1 .6s infinite } .loading div:nth-child(2) { left:6px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(3) { left:26px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(4) { left:45px; -webkit-animation:lds-ellipsis3 .6s infinite; animation:lds-ellipsis3 .6s infinite } #partner { padding-top:40px; font-size:13px; min-width:320px; background:#fff; color:#333; font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif; font-size:12px; line-height:1.5; -webkit-font-smoothing:antialiased } #partner header h1 { text-align:center } #partner p { font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:26px } #partner h3 { font-size:24px; font-weight:300; margin-top:40px } #partner ul { padding:0; list-style:none } #partner ul li { float:left; margin-bottom:20px } #partner ul li .left { float:left; margin-right:-30px } #partner ul li .left img { width:70% } #partner ul li h4 { font-weight:300; font-size:18px } #partner .partner-title { font-weight:400; text-align:center; width:80%; margin:55px auto 50px auto; font-size:60px; letter-spacing:-.02px } @media screen and (max-width:767px) { #partner .partner-title { font-size:46px } }#partner .partner-align-center { margin-left:auto; margin-right:auto; text-align:center } #partner .partner-align-center img { max-width:787px; width:100% } #partner .content-sections:last-child { margin-bottom:80px } #partner .partner-button { padding:4px 18px; border:0; border-radius:18px; font-size:14px; color:#fff; background-color:#33b311 } #partner .partner-button:hover { color:#fff; background-color:#29900e; text-decoration:none } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } @keyframes lds-ellipsis1 { 0% { -webkit-transform:scale(0); transform:scale(0) } 100% { -webkit-transform:scale(1); transform:scale(1) } }@keyframes lds-ellipsis3 { 0% { -webkit-transform:scale(1); transform:scale(1) } 100% { -webkit-transform:scale(0); transform:scale(0) } }@keyframes lds-ellipsis2 { 0% { -webkit-transform:translate(0,0); transform:translate(0,0) } 100% { -webkit-transform:translate(19px,0); transform:translate(19px,0) } }.loading { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:inline-block; width:64px; height:40px } .loading div { position:absolute; top:15.5px; width:9px; height:9px; border-radius:50%; background:#fff; -webkit-animation-timing-function:cubic-bezier(0,1,1,0); animation-timing-function:cubic-bezier(0,1,1,0) } .loading.dark div { background:#000 } .loading div:nth-child(1) { left:6px; -webkit-animation:lds-ellipsis1 .6s infinite; animation:lds-ellipsis1 .6s infinite } .loading div:nth-child(2) { left:6px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(3) { left:26px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(4) { left:45px; -webkit-animation:lds-ellipsis3 .6s infinite; animation:lds-ellipsis3 .6s infinite } #developer { min-width:320px; background:#fff; color:#333; font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif; font-size:12px; line-height:1.5; -webkit-font-smoothing:antialiased } #developer h3 { font-size:1.5rem; font-weight:300; margin-top:40px; color:#333; line-height:1.4; margin-bottom:15px } #developer p { font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:26px } #developer .developer-title { font-weight:400; text-align:center; width:80%; margin:55px auto 50px auto; font-size:60px; letter-spacing:-.02px } @media screen and (max-width:767px) { #developer .developer-title { font-size:46px } }#developer .developer-align-center { margin-left:auto; margin-right:auto; text-align:center } #developer .text-content:last-child { margin-bottom:80px } #developer .last { margin-right:0!important } #developer .new { color:#e85d4e; vertical-align:baseline } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } @keyframes lds-ellipsis1 { 0% { -webkit-transform:scale(0); transform:scale(0) } 100% { -webkit-transform:scale(1); transform:scale(1) } }@keyframes lds-ellipsis3 { 0% { -webkit-transform:scale(1); transform:scale(1) } 100% { -webkit-transform:scale(0); transform:scale(0) } }@keyframes lds-ellipsis2 { 0% { -webkit-transform:translate(0,0); transform:translate(0,0) } 100% { -webkit-transform:translate(19px,0); transform:translate(19px,0) } }.loading { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:inline-block; width:64px; height:40px } .loading div { position:absolute; top:15.5px; width:9px; height:9px; border-radius:50%; background:#fff; -webkit-animation-timing-function:cubic-bezier(0,1,1,0); animation-timing-function:cubic-bezier(0,1,1,0) } .loading.dark div { background:#000 } .loading div:nth-child(1) { left:6px; -webkit-animation:lds-ellipsis1 .6s infinite; animation:lds-ellipsis1 .6s infinite } .loading div:nth-child(2) { left:6px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(3) { left:26px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(4) { left:45px; -webkit-animation:lds-ellipsis3 .6s infinite; animation:lds-ellipsis3 .6s infinite } #privacy { padding-top:40px; font-size:13px; min-width:320px; background:#fff; color:#333; font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif; font-size:12px; line-height:1.5; -webkit-font-smoothing:antialiased } #privacy .privacy-header { height:60px; z-index:97 } #privacy .privacy-header nav { text-align:center } #privacy .privacy-header nav>ul { display:inline-block; margin:-6px 0 0 } #privacy .privacy-header nav>ul .current:after { content:''; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#d2232a } #privacy .privacy-header nav>ul li { list-style:none; float:left; margin:0; position:relative } #privacy .privacy-header nav>ul li a { border-bottom:1px solid transparent; border-top:6px solid transparent; color:#3a3a3a; font-size:15px; display:block; letter-spacing:-.08px; position:relative; text-align:center; padding:0 20px; line-height:60px; font-weight:500; z-index:98; text-decoration:none } #privacy .privacy-header nav>ul li a:hover { opacity:.6 } #privacy .privacy-header-shadow { width:100%; height:60px; margin-top:-60px; box-shadow:0 0 5px 0 rgba(32,40,49,.15) } #privacy .privacy-title { font-weight:400; text-align:center; width:80%; margin:55px auto 50px auto; font-size:60px; letter-spacing:-.02px } @media screen and (max-width:767px) { #privacy .privacy-title { font-size:46px } }#privacy p { font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:26px } #privacy h3 { font-size:24px; text-align:left; font-size:24px; font-weight:300; margin-top:40px } #privacy ol,#privacy ul { list-style:none; padding:0 } #privacy ol li,#privacy ul li { margin-left:0 } #privacy .text-content:last-child { margin-bottom:80px } #privacy .last { margin-right:0!important } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } @keyframes lds-ellipsis1 { 0% { -webkit-transform:scale(0); transform:scale(0) } 100% { -webkit-transform:scale(1); transform:scale(1) } }@keyframes lds-ellipsis3 { 0% { -webkit-transform:scale(1); transform:scale(1) } 100% { -webkit-transform:scale(0); transform:scale(0) } }@keyframes lds-ellipsis2 { 0% { -webkit-transform:translate(0,0); transform:translate(0,0) } 100% { -webkit-transform:translate(19px,0); transform:translate(19px,0) } }.loading { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:inline-block; width:64px; height:40px } .loading div { position:absolute; top:15.5px; width:9px; height:9px; border-radius:50%; background:#fff; -webkit-animation-timing-function:cubic-bezier(0,1,1,0); animation-timing-function:cubic-bezier(0,1,1,0) } .loading.dark div { background:#000 } .loading div:nth-child(1) { left:6px; -webkit-animation:lds-ellipsis1 .6s infinite; animation:lds-ellipsis1 .6s infinite } .loading div:nth-child(2) { left:6px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(3) { left:26px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(4) { left:45px; -webkit-animation:lds-ellipsis3 .6s infinite; animation:lds-ellipsis3 .6s infinite } #privacy-usage { padding-top:40px; font-size:13px; min-width:320px; background:#fff; color:#333; font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif; font-size:12px; line-height:1.5; -webkit-font-smoothing:antialiased } #privacy-usage .usage-header { height:60px; z-index:97 } #privacy-usage .usage-header nav { text-align:center } #privacy-usage .usage-header nav>ul { display:inline-block; margin:-6px 0 0 } #privacy-usage .usage-header nav>ul .current:after { content:''; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#d2232a } #privacy-usage .usage-header nav>ul li { list-style:none; float:left; margin:0; position:relative } #privacy-usage .usage-header nav>ul li a { border-bottom:1px solid transparent; border-top:6px solid transparent; color:#3a3a3a; font-size:15px; display:block; letter-spacing:-.08px; position:relative; text-align:center; padding:0 20px; line-height:60px; font-weight:500; z-index:98; text-decoration:none } #privacy-usage .usage-header nav>ul li a:hover { opacity:.6 } #privacy-usage .usage-header-shadow { width:100%; height:60px; margin-top:-60px; box-shadow:0 0 5px 0 rgba(32,40,49,.15) } #privacy-usage .usage-title { font-weight:400; text-align:center; width:80%; margin:55px auto 50px auto; font-size:60px; letter-spacing:-.02px } @media screen and (max-width:767px) { #privacy-usage .usage-title { font-size:46px } }#privacy-usage p { font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:26px } #privacy-usage h3 { font-size:24px; text-align:left; font-size:24px; font-weight:300; margin-top:40px } #privacy-usage ol,#privacy-usage ul { list-style:none; padding:0 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } @keyframes lds-ellipsis1 { 0% { -webkit-transform:scale(0); transform:scale(0) } 100% { -webkit-transform:scale(1); transform:scale(1) } }@keyframes lds-ellipsis3 { 0% { -webkit-transform:scale(1); transform:scale(1) } 100% { -webkit-transform:scale(0); transform:scale(0) } }@keyframes lds-ellipsis2 { 0% { -webkit-transform:translate(0,0); transform:translate(0,0) } 100% { -webkit-transform:translate(19px,0); transform:translate(19px,0) } }.loading { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:inline-block; width:64px; height:40px } .loading div { position:absolute; top:15.5px; width:9px; height:9px; border-radius:50%; background:#fff; -webkit-animation-timing-function:cubic-bezier(0,1,1,0); animation-timing-function:cubic-bezier(0,1,1,0) } .loading.dark div { background:#000 } .loading div:nth-child(1) { left:6px; -webkit-animation:lds-ellipsis1 .6s infinite; animation:lds-ellipsis1 .6s infinite } .loading div:nth-child(2) { left:6px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(3) { left:26px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(4) { left:45px; -webkit-animation:lds-ellipsis3 .6s infinite; animation:lds-ellipsis3 .6s infinite } #terms { padding-top:40px; font-size:13px; min-width:320px; background:#fff; color:#333; font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif; font-size:12px; line-height:1.5; -webkit-font-smoothing:antialiased } #terms .terms-header { height:60px; z-index:97 } #terms .terms-header nav { text-align:center } #terms .terms-header nav>ul { display:inline-block; margin:-6px 0 0 } #terms .terms-header nav>ul .current:after { content:''; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#d2232a } #terms .terms-header nav>ul li { list-style:none; float:left; margin:0; position:relative } #terms .terms-header nav>ul li a { border-bottom:1px solid transparent; border-top:6px solid transparent; color:#3a3a3a; font-size:15px; display:block; letter-spacing:-.08px; position:relative; text-align:center; padding:0 20px; line-height:60px; font-weight:500; z-index:98; text-decoration:none } #terms .terms-header nav>ul li a:hover { opacity:.6 } #terms .terms-header-shadow { width:100%; height:60px; margin-top:-60px; box-shadow:0 0 5px 0 rgba(32,40,49,.15) } #terms .terms-title { font-weight:400; text-align:center; width:80%; margin:55px auto 50px auto; font-size:60px; letter-spacing:-.02px } @media screen and (max-width:767px) { #terms .terms-title { font-size:46px } }#terms p { font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:26px } #terms h3 { font-size:24px; text-align:left; font-size:24px; font-weight:300; margin-top:40px } #terms ol,#terms ul { list-style:none; padding:0 } #terms ol li,#terms ul li { margin-left:0 } #terms .first-top { margin-top:0 } #terms .text-content:last-child { margin-bottom:80px } #terms .last { margin-right:0!important } .sitemap::-moz-selection { text-shadow:none } .sitemap::selection { text-shadow:none } .sitemap h1 { text-align:center; margin-bottom:3rem } .sitemap__content { display:grid; margin-bottom:50px } @media only screen and (min-width:768px) { .sitemap__content { grid-template-columns:repeat(2,1fr) } }.sitemap p { margin-top:10px; margin-bottom:26px } .sitemap ul { list-style:none; padding-left:0 } .cxm { font-weight:300; -webkit-font-smoothing:antialiased; min-width:320px; color:#333; font-size:12px; line-height:1.5; text-align:center } .cxm .title { font-weight:400; text-align:center; width:80%; letter-spacing:-.02px; font-size:46px; margin:44px auto 23px auto } .cxm ul { list-style:none; padding-left:0 } .cxm .background-gray { background-color:#f5f8f9 } .cxm h3 { text-align:center; margin-top:0; color:#999; font-size:26px; font-weight:300 } .cxm p { font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:26px } .cxm img { max-width:100% } .cxm .container-wrap .container span { display:inline-block } .cxm .container-wrap .container .cxm-desc p { font-size:15px; font-weight:400; line-height:29px; margin:0 auto; padding:0 40px } .cxm .container-wrap .container .cxm-desc.big-text p { font-size:18px } .cxm .container-wrap .container #master-img-1,.cxm .container-wrap .container #master-img-2 { margin-top:20px; margin-bottom:20px } .cxm .container-wrap .container .dark-xmbtn { padding:14px 46px; font-weight:700 } .cxm .container-wrap .container .bottom-text p { font-size:15px; line-height:1.9; margin-bottom:70px; margin-top:44px; padding:0 7%; text-align:center; color:#363b3f } .cxm .container-wrap .container h2 { font-size:36px; font-weight:400; text-align:center; padding-top:20px; padding:20px 0 20px 0 } .cxm .container-wrap .container .blue-xmbtn { font-weight:700; font-size:14px; width:160px; line-height:26px; vertical-align:middle; height:52px } .cxm .container-wrap .container .blue-xmbtn:first-child { margin-right:20px } .cxm .container-wrap .container .cloud-title-wrap { padding-top:46px } .cxm .container-wrap .container hr { margin:0 } .cxm .container-wrap .container .button-wrap { margin-top:50px } .cxm .container-wrap .container .need-margin-bottom { margin-bottom:70px } .cxm .container-wrap .container .benefit-ul { padding-top:50px; padding-bottom:100px } .cxm .container-wrap .container .benefit-ul li { margin-top:30px; margin:0 auto; margin-bottom:30px } .cxm .container-wrap .container .benefit-ul p { margin-bottom:0; margin-top:0; color:#999; text-align:left } .cxm .container-wrap .container .benefit-ul .desc-title { color:#2b2f33; margin-top:15px; font-size:18px } .cxm .container-wrap .container .benefit-ul .benefit-desc { display:inline-table; vertical-align:top; margin-left:25px; width:80%; max-width:500px } @media screen and (max-width:767px) { .cxm .container-wrap .container #cloud-banner-title { font-size:48px } .cxm .container-wrap .container h2 { font-size:28px } .cxm .container-wrap .container .cloud-desc p { font-size:15px; line-height:1.45; color:#333; margin-bottom:40px; margin-top:20px } .cxm .container-wrap .container .blue-xmbtn,.cxm .container-wrap .container .blue-xmbtn:first-child { display:block; margin:0 auto } .cxm .container-wrap .container .blue-xmbtn:first-child { margin-bottom:20px } }.cxm #cloud-banner-title { font-size:48px; font-weight:600; line-height:1.5; letter-spacing:2.2px; text-align:center; color:#363b3f; margin-left:10px; vertical-align:middle } .cxm #enter_xmind_cloud { line-height:52px } .cxm .background-red { background-color:#e85d4e } .cxm .background-gray { background-color:#f5f8f9 } .cxm .color-white { color:#fff } .cxm .lead-btn { padding-top:60px } .cxm .lead-btn a { font-size:16px; padding-top:15px; padding-bottom:15px; width:190px } .cxm .lead-btn a:nth-child(1) { margin-right:20px } @media screen and (max-width:767px) { .cxm .lead-btn a { margin:0 auto } .cxm .lead-btn a:nth-child(1) { margin-right:0; margin-bottom:20px } }.cxm #cloud-for-ios h3 { margin-top:-50px; margin-bottom:40px } .cxm #red_bottom { height:108px; background-color:#e85d4e; padding-top:20px; padding-bottom:20px; display:flex; align-items:center; position:relative; font-size:16px; font-weight:400; color:#fff; text-align:start } .cxm #red_bottom .xmbtn { width:180px; padding:15px 0; box-sizing:border-box; font-weight:700; margin:0; color:#e85d4e; margin-right:115px; box-shadow:none; vertical-align:middle; position:absolute; -webkit-transform:translateY(-50%); transform:translateY(-50%); top:50%; right:0 } .cxm #red_bottom .xmbtn a:hover { color:#fb5151; background-color:#f2f2f2; box-shadow:none; border-color:#f2f2f2 } @media screen and (max-width:1032px) { .cxm #red_bottom { height:auto; text-align:center } .cxm #red_bottom .xmbtn { position:static; -webkit-transform:none; transform:none; display:block; margin:20px auto 5px } }@media all and (max-width:720px) { .cxm .container-wrap .container .cxm-desc p { width:auto; padding:0 } }.cxm .notes { padding:45px 8%; margin:0; text-align:left; font-size:12px; line-height:1.7; color:#999 } .cxm #how { padding-bottom:10px } .cxm #how img { width:78% } .demos { font-weight:300; -webkit-font-smoothing:antialiased; min-width:320px; color:#333; font-size:12px; line-height:1.5; text-align:center } .demos .title { font-weight:400; text-align:center; width:80%; letter-spacing:-.02px; font-size:46px; margin:44px auto 23px auto } .demos ul { list-style:none; padding-left:0 } .demos p { font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:26px; text-align:left } .demos #video_list a { font-size:18px; line-height:32px; height:32px; padding-left:37px; display:inline-block } .demos #video_list li { list-style:none; padding:12px 0; text-align:left } .xmind8-intro { font-weight:300; -webkit-font-smoothing:antialiased; min-width:320px; color:#333; font-size:12px; line-height:1.5 } .xmind8-intro a { text-decoration:none } .xmind8-intro ul { list-style:none; padding-left:0 } .xmind8-intro #header { width:100% } .xmind8-intro #home-main-nav { text-align:center } .xmind8-intro #home-main-nav li { list-style:none; float:left; margin:0; position:relative } .xmind8-intro #home-main-nav>ul { display:inline-block; margin:-6px 0 0 } .xmind8-intro #home-main-nav a { border-bottom:1px solid transparent; border-top:6px solid transparent; color:#3a3a3a; font-size:15px; display:block; letter-spacing:-.08px; position:relative; text-align:center; padding:0 20px; line-height:60px; font-weight:500; z-index:98; text-decoration:none } .xmind8-intro #home-main-nav .hover>a,.xmind8-intro #home-main-nav a:hover { opacity:.6 } .xmind8-intro #home-main-nav .current:after { content:''; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#fff } .xmind8-intro .page-banner { height:420px; background-image:url(/xmind8/XMind8-bg-30859751d5.png); background-size:cover; background-repeat:no-repeat } .xmind8-intro .page-banner .logo-container { padding-top:80px; padding-bottom:40px } .xmind8-intro .page-banner .desc { margin:0 auto; padding:0 15%; opacity:.8; font-size:20px; font-weight:300; line-height:1.4; letter-spacing:.3px; color:#fff } .xmind8-intro #xmind8_img_div img { margin:65px 0 30px 0 } .xmind8-intro #xmind8_whats_new { margin:0 0 48px 0 } .xmind8-intro #xmind8_whats_new h3 { line-height:1.5; font-weight:400; font-size:36px; color:#363b3f } .xmind8-intro #xmind8_whats_new p { font-size:18px; line-height:1.4; color:#62696f; padding:0 20% } .xmind8-intro .feature-area { max-width:100%; width:100% } .xmind8-intro .xmind8-feature { padding-top:120px; padding-bottom:120px; box-sizing:border-box; padding-left:22px; padding-right:22px; justify-content:center } .xmind8-intro .xmind8-feature .col-md { max-width:480px } .xmind8-intro .xmind8-feature h3 { margin-top:10px; font-size:20px; font-weight:400 } .xmind8-intro .xmind8-feature .feature-detail { font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:26px; padding:0 40px } .xmind8-intro .xmind8-feature { display:flex; align-items:center } .xmind8-intro .xmind8-feature:nth-child(2n+1) { flex-direction:row-reverse } .xmind8-intro .xmind8-feature:nth-child(2n+1) .feature-detail,.xmind8-intro .xmind8-feature:nth-child(2n+1) h3 { color:#2b2f33 } .xmind8-intro .xmind8-feature:nth-child(2n+1) .feature-ss { float:left } .xmind8-intro .xmind8-feature:nth-child(2n+1) .feature-desc { float:right } .xmind8-intro .xmind8-feature:nth-child(2n) { background-color:#2b2f33 } .xmind8-intro .xmind8-feature:nth-child(2n) .feature-detail,.xmind8-intro .xmind8-feature:nth-child(2n) h3 { color:#fff } .xmind8-intro .xmind8-feature .feature-desc,.xmind8-intro .xmind8-feature .feature-ss { display:inline-block; vertical-align:middle; text-align:center } .xmind8-intro .xmind8-feature .feature-ss img { max-width:100% } @media screen and (max-width:767px) { .xmind8-intro .xmind8-feature { padding-top:25px; padding-bottom:10px } .xmind8-intro .xmind8-feature .feature-desc,.xmind8-intro .xmind8-feature .feature-ss { float:none; width:100%; margin-top:20px; margin-bottom:20px } .xmind8-intro .xmind8-feature:nth-child(2n) { display:block } }@media screen and (max-width:567px) { .xmind8-intro .xmind8-feature .feature-ss img { width:80% } }.xmind8-intro #slide_based_story { background-color:#e85d4e } .xmind8-intro #slide_based_story .feature-detail,.xmind8-intro #slide_based_story h3 { color:#fff } .xmind8-intro #more_improvements { background-color:#f2f6f7; overflow:auto } .xmind8-intro #more_improvements h3 { margin-top:40px; font-size:36px; line-height:1.5; font-weight:400; text-align:center; color:#363b3f } .xmind8-intro #more_improvements ol { list-style-type:decimal; margin-bottom:40px; color:#4a4a4a; vertical-align:top; font-size:14px } .xmind8-intro #more_improvements ol li { padding:10px 0; list-style-position:inside } .xmind8-intro #red_bottom { height:108px; background-color:#e85d4e; padding-top:20px; padding-bottom:20px; display:flex; align-items:center; position:relative; font-size:16px; font-weight:400; color:#fff; text-align:start } .xmind8-intro #red_bottom .xmbtn { width:180px; padding:15px 0; box-sizing:border-box; font-weight:700; margin:0; color:#e85d4e; margin-right:115px; box-shadow:none; vertical-align:middle; position:absolute; -webkit-transform:translateY(-50%); transform:translateY(-50%); top:50%; right:0 } .xmind8-intro #red_bottom .xmbtn a:hover { color:#fb5151; background-color:#f2f2f2; box-shadow:none; border-color:#f2f2f2 } @media screen and (max-width:1032px) { .xmind8-intro #red_bottom { height:auto; text-align:center } .xmind8-intro #red_bottom .xmbtn { position:static; -webkit-transform:none; transform:none; display:block; margin:20px auto 5px } }.xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } @keyframes lds-ellipsis1 { 0% { -webkit-transform:scale(0); transform:scale(0) } 100% { -webkit-transform:scale(1); transform:scale(1) } }@keyframes lds-ellipsis3 { 0% { -webkit-transform:scale(1); transform:scale(1) } 100% { -webkit-transform:scale(0); transform:scale(0) } }@keyframes lds-ellipsis2 { 0% { -webkit-transform:translate(0,0); transform:translate(0,0) } 100% { -webkit-transform:translate(19px,0); transform:translate(19px,0) } }.loading { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:inline-block; width:64px; height:40px } .loading div { position:absolute; top:15.5px; width:9px; height:9px; border-radius:50%; background:#fff; -webkit-animation-timing-function:cubic-bezier(0,1,1,0); animation-timing-function:cubic-bezier(0,1,1,0) } .loading.dark div { background:#000 } .loading div:nth-child(1) { left:6px; -webkit-animation:lds-ellipsis1 .6s infinite; animation:lds-ellipsis1 .6s infinite } .loading div:nth-child(2) { left:6px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(3) { left:26px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(4) { left:45px; -webkit-animation:lds-ellipsis3 .6s infinite; animation:lds-ellipsis3 .6s infinite } #license { padding-top:40px; font-size:13px; min-width:320px; background:#fff; color:#333; font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif; font-size:12px; line-height:1.5; -webkit-font-smoothing:antialiased } #license .license-title { font-weight:400; text-align:center; width:80%; margin:55px auto 50px auto; font-size:60px; letter-spacing:-.02px } @media screen and (max-width:767px) { #license .license-title { font-size:46px } }#license p { font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:26px } #license h3 { font-size:24px; text-align:left; font-size:24px; font-weight:300; margin-top:40px } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } @keyframes lds-ellipsis1 { 0% { -webkit-transform:scale(0); transform:scale(0) } 100% { -webkit-transform:scale(1); transform:scale(1) } }@keyframes lds-ellipsis3 { 0% { -webkit-transform:scale(1); transform:scale(1) } 100% { -webkit-transform:scale(0); transform:scale(0) } }@keyframes lds-ellipsis2 { 0% { -webkit-transform:translate(0,0); transform:translate(0,0) } 100% { -webkit-transform:translate(19px,0); transform:translate(19px,0) } }.loading { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:inline-block; width:64px; height:40px } .loading div { position:absolute; top:15.5px; width:9px; height:9px; border-radius:50%; background:#fff; -webkit-animation-timing-function:cubic-bezier(0,1,1,0); animation-timing-function:cubic-bezier(0,1,1,0) } .loading.dark div { background:#000 } .loading div:nth-child(1) { left:6px; -webkit-animation:lds-ellipsis1 .6s infinite; animation:lds-ellipsis1 .6s infinite } .loading div:nth-child(2) { left:6px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(3) { left:26px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(4) { left:45px; -webkit-animation:lds-ellipsis3 .6s infinite; animation:lds-ellipsis3 .6s infinite } #license-xpla { padding-top:40px; font-size:13px; min-width:320px; background:#fff; color:#333; font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif; font-size:12px; line-height:1.5; -webkit-font-smoothing:antialiased } #license-xpla .xpla-title { font-weight:400; text-align:center; width:80%; margin:55px auto 50px auto; font-size:60px; letter-spacing:-.02px } @media screen and (max-width:767px) { #license-xpla .xpla-title { font-size:46px } }#license-xpla p { font-size:16px; line-height:1.4; margin-top:10px; margin-bottom:26px } #license-xpla h3 { font-size:24px; text-align:left; font-size:24px; font-weight:300; margin-top:40px } #license-xpla ol,#license-xpla ul { list-style:none; padding:0 } #license-xpla ol li,#license-xpla ul li { margin-left:0 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .text-template .text-block:nth-child(even) { background-color:#f5f5f6 } .pricing-template { padding:48px 0 } .feature-list-template { margin-bottom:100px; background-color:#fcfcfc } .footer-template { margin:100px 0 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .text-template .text-block:nth-child(even) { background-color:#f5f5f6 } .pricing-template { padding:48px 0 } .feature-list-template { margin-bottom:100px; background-color:#fcfcfc } .footer-template { margin:100px 0 } #xm_modal { position:fixed; top:0; bottom:0; left:0; right:0; z-index:7777777 } #xm_modal * { margin:0; padding:0; box-sizing:border-box; font-size:16px } #xm_modal.slide-fade-enter-active { transition:all .3s ease } #xm_modal.slide-fade-leave-active { transition:all .3s ease } #xm_modal.slide-fade-enter,#xm_modal.slide-fade-leave-to { opacity:0 } #xm_modal .xm-modal-mask { position:fixed; top:0; bottom:0; left:0; right:0; background:#434b54; opacity:.2; z-index:7777776 } #xm_modal .xm-modal-outer { position:fixed; left:50%; top:50%; display:inline-block; width:90%; max-width:456px; background:#fff; z-index:7777778; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); border-radius:16px; box-sizing:border-box; box-shadow:0 8px 16px 0 rgba(67,75,84,.2); overflow:hidden } #xm_modal .xm-modal-outer.slide-fade-enter-active { transition:all .3s ease } #xm_modal .xm-modal-outer.slide-fade-leave-active { transition:all .3s ease } #xm_modal .xm-modal-outer.slide-fade-enter,#xm_modal .xm-modal-outer.slide-fade-leave-to { -webkit-transform:translate(-50%,-100%); transform:translate(-50%,-100%) } #xm_modal .xm-modal-body { padding:64px 48px 40px; text-align:center } @media screen and (max-width:767px) { #xm_modal .xm-modal-body { padding-left:24px; padding-right:24px } }#xm_modal .xm-modal-title { line-height:1.2; font-size:20px; font-weight:600; text-align:center; margin-bottom:16px; color:#434b54 } @media screen and (max-width:767px) { #xm_modal .xm-modal-title { font-size:18px } }#xm_modal .xm-modal-content p { font-weight:300; line-height:1.25; color:#434b54; text-align:left } @media screen and (max-width:767px) { #xm_modal .xm-modal-content p { font-size:14px } }#xm_modal .xm-modal-content p+p { margin-top:8px } #xm_modal .xm-modal-button { width:100%; padding:9px 20px; margin:16px auto 40px } #xm_modal .xm-modal-footer { position:absolute; bottom:0; left:0; right:0; line-height:40px; text-align:center; background:#e3f2fe } .sk-fading-circle { width:12px; height:12px; position:relative; display:inline-block } .sk-fading-circle .sk-circle { width:100%; height:100%; position:absolute; left:0; top:0 } .sk-fading-circle .sk-circle:before { content:''; display:block; margin:0 auto; width:15%; height:15%; background-color:#333; border-radius:100%; -webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both; animation:sk-circleFadeDelay 1.2s infinite ease-in-out both } .sk-fading-circle .sk-circle2 { -webkit-transform:rotate(30deg); transform:rotate(30deg) } .sk-fading-circle .sk-circle3 { -webkit-transform:rotate(60deg); transform:rotate(60deg) } .sk-fading-circle .sk-circle4 { -webkit-transform:rotate(90deg); transform:rotate(90deg) } .sk-fading-circle .sk-circle5 { -webkit-transform:rotate(120deg); transform:rotate(120deg) } .sk-fading-circle .sk-circle6 { -webkit-transform:rotate(150deg); transform:rotate(150deg) } .sk-fading-circle .sk-circle7 { -webkit-transform:rotate(180deg); transform:rotate(180deg) } .sk-fading-circle .sk-circle8 { -webkit-transform:rotate(210deg); transform:rotate(210deg) } .sk-fading-circle .sk-circle9 { -webkit-transform:rotate(240deg); transform:rotate(240deg) } .sk-fading-circle .sk-circle10 { -webkit-transform:rotate(270deg); transform:rotate(270deg) } .sk-fading-circle .sk-circle11 { -webkit-transform:rotate(300deg); transform:rotate(300deg) } .sk-fading-circle .sk-circle12 { -webkit-transform:rotate(330deg); transform:rotate(330deg) } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay:-1.1s; animation-delay:-1.1s } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay:-1s; animation-delay:-1s } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay:-.9s; animation-delay:-.9s } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay:-.8s; animation-delay:-.8s } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay:-.7s; animation-delay:-.7s } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay:-.6s; animation-delay:-.6s } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay:-.5s; animation-delay:-.5s } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay:-.4s; animation-delay:-.4s } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay:-.3s; animation-delay:-.3s } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay:-.2s; animation-delay:-.2s } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay:-.1s; animation-delay:-.1s } @-webkit-keyframes sk-circleFadeDelay { 0%,100%,39% { opacity:0 } 40% { opacity:1 } }@keyframes sk-circleFadeDelay { 0%,100%,39% { opacity:0 } 40% { opacity:1 } }.fade-enter-active,.fade-leave-active { transition:all .3s ease } .fade-enter,.fade-leave-to { opacity:0 } .slide-up-fade-enter-active,.slide-up-fade-leave-active { transition:all .3s ease } .slide-up-fade-enter,.slide-up-fade-leave-to { -webkit-transform:translateY(-48px); transform:translateY(-48px); opacity:0 } .xm-color-g10 { color:#fcfcfc } .xm-color-g20 { color:#f9f9f9 } .xm-color-g30 { color:#ebebeb } .xm-color-g40 { color:#d6d6d6 } .xm-color-g50 { color:#b2b2b2 } .xm-color-g60 { color:#8c8c8c } .xm-color-g70 { color:#666 } .xm-color-g80 { color:#2b2b2b } .xm-color-g90 { color:#111 } .form-field__feedback { display:inline-block; margin-top:.5rem; font-size:13px } .form-field__feedback.good { color:#33b311 } .form-field__feedback.bad { color:#bb1414 } #newsletter-subscribe { text-align:center; font-size:16px } #newsletter-subscribe h1 { margin-top:0; margin-bottom:48px } @media only screen and (min-width:992px) { #newsletter-subscribe h1 { font-size:48px } }#newsletter-subscribe input { font-size:1.25em; padding:1em } #newsletter-subscribe p { margin:0 } @media only screen and (min-width:992px) { #newsletter-subscribe .newsletter_content-form { max-width:50%; margin:0 auto } }#newsletter-subscribe .newsletter_content-form .subscribe__form-input #feedback { color:#bb1414; text-align:left; font-size:14px } #newsletter-subscribe .newsletter_content-form .subscribe__form-group { display:flex } @media only screen and (max-width:575px) { #newsletter-subscribe .newsletter_content-form .subscribe__form-group { flex-direction:column } }#newsletter-subscribe .newsletter_content-form .subscribe__form-group button { flex-shrink:0; margin-left:15px } @media only screen and (max-width:575px) { #newsletter-subscribe .newsletter_content-form .subscribe__form-group button { margin-top:15px; margin-left:0 } }#newsletter-subscribe .newsletter_content-form .subscribe__form-group .input-feedback { flex:1 } .newsletter__footer { margin-top:60px; margin-bottom:50px } @media only screen and (max-width:767px) { .newsletter__footer { margin-top:40px; margin-bottom:30px } }.newsletter__footer-form { width:60%; margin:0 auto } @media only screen and (max-width:991px) { .newsletter__footer-form { width:75% } }@media only screen and (max-width:767px) { .newsletter__footer-form { width:100% } }.newsletter__footer .subscribe__form-input input { font-size:20px; width:100%; height:56px; padding:16px; display:inline-block; box-sizing:border-box; transition:border-color .2s cubic-bezier(.645,.045,.355,1); outline:0; border:1px solid #f8f9fa; background-color:#f8f9fa; border-radius:4px } .newsletter__footer .subscribe__form-input input::-webkit-input-placeholder { color:#aeb5bd; font-weight:300 } .newsletter__footer .subscribe__form-input input::-moz-placeholder { color:#aeb5bd; font-weight:300 } .newsletter__footer .subscribe__form-input input:-ms-input-placeholder { color:#aeb5bd; font-weight:300 } .newsletter__footer .subscribe__form-input input::-ms-input-placeholder { color:#aeb5bd; font-weight:300 } .newsletter__footer .subscribe__form-input input::placeholder { color:#aeb5bd; font-weight:300 } .newsletter__footer .subscribe__form-input input:not(:disabled):hover { border-color:#68c4f7 } .newsletter__footer .subscribe__form-input input:not(:disabled):focus { border-color:#f8f9fa } @media only screen and (max-width:767px) { .newsletter__footer .subscribe__form-input input { font-size:16px; height:42px; padding:8px 16px } }.newsletter__footer .subscribe__form-input button { margin-left:-1px; padding:12px 24px; font-weight:500; font-size:20px; height:56px; border:1px solid transparent; border-radius:6px; display:inline-block; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; outline:0; text-align:center; text-decoration:none; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; line-height:1.5; cursor:pointer; color:#fff; background-color:#f25847; border-color:#f25847 } .newsletter__footer .subscribe__form-input button:hover { text-decoration:none } @media only screen and (max-width:767px) { .newsletter__footer .subscribe__form-input button { height:42px; padding:6.5px 20px; font-size:18px; font-weight:400 } }.newsletter__footer .subscribe__form-input button:hover { color:#fff; background-color:#ef3420; border-color:#ef3420 } .newsletter__footer .subscribe__form-input button:active,.newsletter__footer .subscribe__form-input button:focus { color:#fff; background-color:#c52b1a; border-color:#c52b1a } .newsletter__footer .subscribe__form-input button:focus-visible { color:#fff; background-color:#f25847; border-color:#f25847 } .newsletter__footer .subscribe__form-input #feedback { color:#bb1414; text-align:left } .newsletter__footer .subscribe__form-group { display:flex; width:100% } @media only screen and (max-width:991px) { .newsletter__footer .subscribe__form-group { flex-direction:column } }.newsletter__footer .subscribe__form-group .input-feedback { flex:1 1 auto } @media only screen and (min-width:992px) { .newsletter__footer .subscribe__form-group button { margin-left:8px } }@media only screen and (max-width:991px) { .newsletter__footer .subscribe__form-group button { margin-top:10px } }.btn { white-space:initial } .G60 { color:#8c8c8c } body,html { margin:0; padding:0; height:100% } body { position:relative; padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0) } .h1,.h2,.h3,.h4,.h5,.h6 { font-family:NeverMind,Barlow,system-ui,-apple-system,"PingFang SC",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","微软雅黑","黑体","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Arial,sans-serif } #body-main-content { min-height:100% } .v-center { position:relative; top:50%; -webkit-transform:translate(0,-50%); transform:translate(0,-50%) } .hidden { display:none!important; visibility:hidden } .invisible { visibility:hidden } [v-cloak] { visibility:hidden } .powerful-cloak[v-cloak] { display:none } .nowrap { white-space:nowrap } body.res-menu-on { overflow-y:hidden; touch-action:none; -ms-touch-action:none } a { text-decoration:none } .big-block { height:800px; background-color:gray } * { box-sizing:border-box } .one-half { width:50% } .no-margin { margin:0 } .red-xmbtn { border-radius:3px; line-height:16px; font-style:normal; cursor:pointer; position:relative; display:inline-block; vertical-align:baseline; transition:background-color .1s ease,width .1s ease; background-color:#e85d4e; color:#fff; font-size:16px; font-weight:500; padding:15px 50px; border:1px solid #e85d4e } .red-xmbtn:hover { background-color:#e44433; color:#fff; box-shadow:none } .red-xmbtn:active { background:#e05a4b; color:#fff } .xmbtn { padding:10px 20px; margin:0 4px 0 0; border-radius:3px; background-color:#fff; color:#72787c; font-size:14px; line-height:16px; font-style:normal; box-shadow:0 0 0 1px #c1c4c6 inset; cursor:pointer; position:relative; display:inline-block; vertical-align:baseline; outline:0; text-align:center; transition:box-shadow .1s ease,width .1s ease; transition:background-color .1s ease,width .1s ease; -webkit-tap-highlight-color:transparent; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .dark-xmbtn { padding:10px 20px; margin:0 4px 0 0; border-radius:3px; background-color:#fff; color:#72787c; font-size:14px; line-height:16px; font-style:normal; box-shadow:0 0 0 1px #c1c4c6 inset; cursor:pointer; position:relative; display:inline-block; vertical-align:baseline; outline:0; text-align:center; transition:box-shadow .1s ease,width .1s ease; transition:background-color .1s ease,width .1s ease; -webkit-tap-highlight-color:transparent; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-color:#2b2f33; color:#fff; box-shadow:none; font-weight:500 } .dark-xmbtn:hover { background-color:#000; color:#fff; box-shadow:none } .professional-features { text-align:center } .professional-features h2 { margin-top:40px; font-size:36px; line-height:1.5; text-align:center; color:#363b3f; font-weight:400 } .professional-features div { display:inline-block; text-align:center } .professional-features .professional-features-desc { margin:10px 0 35px 0 } .professional-features .red-xmbtn { margin-bottom:30px } .other-versions h2 { font-weight:400; margin-top:40px; font-size:36px } .other-versions .linux,.other-versions .windows { text-align:center; border:solid 1px #d8d8d8; border-radius:3px; margin:0 15px; display:inline-block; cursor:pointer; padding:40px 24px } .other-versions .linux:hover,.other-versions .windows:hover { background-color:#f8f8f8 } .other-versions a { margin-top:50px; margin-bottom:26px } .flex { display:flex } .space-between { justify-content:space-between } .flex-column { flex-direction:column } .flex-align-center { align-items:center } .inline-flex { display:inline-flex } .flex-box { display:flex; flex-wrap:nowrap; justify-content:space-between } .flex-box.row { flex-direction:row } .flex-box.column { flex-direction:column } .inline-block { display:inline-block } .block { display:block } .three-fourth { width:75% } .one-fourth { width:25% } .clearfix { clear:both } .bold { font-weight:700 } .semi-bold { font-weight:600 } .font-weight-normal { font-weight:400!important } .container { padding-left:30px; padding-right:30px } .container .container { padding-left:initial; padding-right:initial } .xm-container { max-width:1170px; width:100%; height:100%; padding-left:30px; padding-right:30px; margin-left:auto; margin-right:auto } .xm-row { display:flex; flex-wrap:wrap; margin-right:-15px; margin-left:-15px } .loading { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:inline-block; width:64px; height:40px } .loading div { position:absolute; top:15.5px; width:9px; height:9px; border-radius:50%; background:#fff; -webkit-animation-timing-function:cubic-bezier(0,1,1,0); animation-timing-function:cubic-bezier(0,1,1,0) } .loading.dark div { background:#000 } .loading div:nth-child(1) { left:6px; -webkit-animation:lds-ellipsis1 .6s infinite; animation:lds-ellipsis1 .6s infinite } .loading div:nth-child(2) { left:6px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(3) { left:26px; -webkit-animation:lds-ellipsis2 .6s infinite; animation:lds-ellipsis2 .6s infinite } .loading div:nth-child(4) { left:45px; -webkit-animation:lds-ellipsis3 .6s infinite; animation:lds-ellipsis3 .6s infinite } .checkbox-group { display:flex; align-items:baseline } .checkbox-group label { -webkit-transform:translateY(-2px); transform:translateY(-2px) } .checkbox-group input { flex-grow:0; flex-shrink:0; margin-right:.5rem } .checkbox-group .hint { font-size:13px; color:#bb1414 }