@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.swiper-button-next,.swiper-button-prev{width:29px!important;height:22px!important;z-index:1!important;background-size:13px 44px!important}.swiper-button-prev{left:-12px!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23b9b9b9'%2F%3E%3C%2Fsvg%3E")!important}.swiper-button-next{right:-12px!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23b9b9b9'%2F%3E%3C%2Fsvg%3E")!important}.swiper-pagination{left:50%!important;z-index:1!important;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;bottom:-13px!important;width:100%}.swiper-pagination-bullet{border:1px solid #b9b9b9!important;background:#fff!important;opacity:1!important;margin:0 3px;width:10px!important;height:10px!important}.swiper-pagination-bullet-active{background:#b9b9b9!important}.moment-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.multi_slides_carousel{position:relative;padding:1rem 1.6rem}.gallery-thumbs{display:none}@media (max-width:600px){.thumbs-next,.thumbs-prev{top:86%!important}.swiper-pagination-bullet{width:8px!important;height:8px!important}.multi_slides_carousel{padding:1rem 1.6rem 2rem}.swiper-pagination{bottom:2px!important}.gallery-thumbs{display:block;margin-top:1rem!important;overflow:hidden}}.homepage{background-color:#080713;color:#fff}.homepage p{font-weight:300}.btn{display:inline-block;min-width:7.5rem;height:2.5rem;line-height:2.5rem;padding:0 1rem;border-radius:1.3rem;font-size:.8rem;text-align:center}.btn-en{display:inline-block;min-width:9rem;height:2.5rem;line-height:2.5rem;padding:0 1rem;border-radius:1.3rem;font-size:.8rem;text-align:center}.banner-container{display:none}.btn-primary-en{background:#3351ff;border:1px solid #3351ff;line-height:calc(2.5rem - 2px)}.btn-primary-en:hover{background-color:#fff;border:1px solid #fff;color:#3351ff;-webkit-transition:all .5s ease;transition:all .5s ease}.btn-primary{background:#3351ff;border:1px solid #3351ff;line-height:calc(2.5rem - 2px)}.btn-primary:hover{background-color:#fff;border:1px solid #fff;color:#3351ff;-webkit-transition:all .5s ease;transition:all .5s ease}.btn-secondary,.btn-secondary-en{background:#fff;border:1px solid #fff;line-height:calc(2.5rem - 2px);background:0 0}.btn-secondary-en:hover,.btn-secondary:hover{background-color:#3351ff;border:1px solid #3351ff;color:#fff;-webkit-transition:all .5s ease;transition:all .5s ease}.btn-secondary-en:hover,.btn-secondary:hover{color:#fff}.homepage-slogan-mask{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;padding:calc(4rem + calc(1rem + 2rem + 3px)) 0;background:url(https://download.pingcap.com/images/bg-homepage-banner.jpg) no-repeat center top;background-attachment:fixed;background-size:cover}.homepage-slogan-mask .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 12px;position:relative;width:100%}.homepage-slogan-mask .logo-slogan-wrap{text-align:center;margin:0 auto}.homepage-slogan-mask .logo{width:10.5rem;height:4rem}.homepage-slogan-mask .logo-en{margin:0 auto;width:32rem!important;height:auto!important}.homepage-slogan-mask .logo-cn{width:37%;height:auto}.homepage-slogan-mask .slogan{margin:1.1rem 0 2.5rem;font-weight:600;font-size:2.4rem;color:#fff}.homepage-slogan-mask .tagline{margin-bottom:1rem;font-size:1.1rem;color:#fff}.homepage-slogan-mask .tagline-en{margin-top:2rem;text-align:center;font-size:30px}.homepage-slogan-mask .tagline-en p{line-height:1.7}.homepage-slogan-mask .contributor-count{position:relative;padding:0 0 0 40px;margin:2.5rem auto}.homepage-slogan-mask .contributor-count p{padding-right:10px;display:inline-block}.homepage-slogan-mask .contributor-count .numb{background:-webkit-gradient(linear,left bottom,left top,from(#54536f),color-stop(50%,#fff),to(#fff));background:linear-gradient(0deg,#54536f,#fff 50%,#fff);display:inline-block;height:40px;width:23px;margin:0 2px;border-radius:3px;position:relative}.homepage-slogan-mask .contributor-count .numb p{padding:6px 4px;color:#000;font-size:25px}.homepage-slogan-mask .contributor-count .numb::before{content:'';border-top:1px solid #000;width:100%;height:1px;position:absolute;top:50%;left:0}.homepage-slogan-mask .contributor-count::before{content:'';width:30px;height:30px;left:0;top:50%;margin-top:-15px;position:absolute;background-image:url(/images/github-icon.png);background-position:center;background-repeat:no-repeat;background-size:contain}.homepage-slogan-mask .tagline-cn{margin-top:2.5rem}.homepage-slogan-mask .desc{max-width:70%;font-size:.8rem;line-height:1.8}.homepage-slogan-mask .desc-cn{max-width:37%}.homepage-slogan-mask .tidb-planet-banner-pc{position:absolute;height:100%;right:0;width:44%;-webkit-transition:top .2s ease-in-out;transition:top .2s ease-in-out;cursor:pointer}.homepage-slogan-mask .tidb-planet-banner-pc .multi_slides_carousel{height:100%;padding:.5rem 0 0}.homepage-slogan-mask .tidb-planet-banner-pc .swiper-container{top:0;-webkit-transition:top .3s ease-in-out;transition:top .3s ease-in-out}.homepage-slogan-mask .tidb-planet-banner-pc:hover .swiper-container{top:-.5rem}.homepage-slogan-mask .tidb-planet-banner-pc img{width:100%;height:100%;display:block;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.homepage-slogan-mask .tidb-planet-banner-pc .swiper-pagination{bottom:-50px!important}.homepage-slogan-mask .tidb-planet-banner-pc .swiper-pagination .swiper-pagination-bullet{border:none!important}.homepage-slogan-mask .tidb-planet-banner-pc .swiper-pagination .swiper-pagination-bullet-active{background:#3351ff!important;border:1px solid #3351ff!important}.homepage-slogan-mask .buttons-en{margin:0 auto;max-width:25rem!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.homepage-slogan-mask .buttons-en .btn-en{margin:2.25rem 1rem 0;min-width:10rem}.homepage-slogan-mask .buttons-en .btn-primary-en{position:relative;padding-left:50px}.homepage-slogan-mask .buttons-en .btn-primary-en::after{position:absolute;content:"";top:50%;left:30px;width:14px;height:14px;margin-top:-8px;background:url(/images/svgs/icon-download.svg);background-size:14px 14px}.homepage-slogan-mask .buttons-en .btn-primary-en:hover::after{position:absolute;content:"";top:50%;left:30px;width:14px;height:14px;margin-top:-8px;background:url(https://download.pingcap.com/images/svgs/icon-download-hover.svg);background-size:14px 14px}.homepage-slogan-mask .buttons-en .btn-secondary-en{position:relative}.homepage-slogan-mask .buttons{max-width:19rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.homepage-slogan-mask .buttons .btn{margin-top:2.25rem}.homepage-slogan-mask .buttons .btn-secondary{position:relative;padding-left:2.5rem}.homepage-slogan-mask .buttons .btn-secondary::after{position:absolute;content:"";top:50%;left:20px;width:14px;height:14px;margin-top:-8px;background:url(/images/svgs/icon-download.svg);background-size:14px 14px}.homepage-features{padding:calc(4rem + calc(1rem + 2rem + 3px)) 0;background:url(https://download.pingcap.com/images/bg-homepage-features.png) no-repeat center top;background-attachment:fixed;background-size:cover}.homepage-features .title{font-size:1.2rem;height:2.4rem;margin:1.8rem 0 .3rem;color:#fff}.homepage-features h3{height:2.4rem;margin:1.8rem 0 .3rem;color:#fff}.homepage-features .container{padding:0 12px}.homepage-features .featured-stories-title{font-size:30px;line-height:40px;color:#fff;margin:0 0 calc(calc(1rem + 2rem + 3px) + 2rem);text-align:center}.homepage-features .more-success-stories{margin-bottom:7rem;text-align:center}.homepage-features .more-success-stories:hover{color:#3351ff}.homepage-features .featured-stories-lists{max-width:1248px;margin:0 auto;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.homepage-features .story{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:400px;height:400px;margin-bottom:6rem;padding:0 2.3rem;border-radius:4px}.homepage-features .company-thumbnail{width:100%;margin:0 auto;height:50%;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#c6c6c6));background:linear-gradient(#fff,#c6c6c6);border-radius:4px 4px 0 0}.homepage-features .company-thumbnail .thumbnail-img{display:block;width:55%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;margin:0 auto}.homepage-features .story-info{background:-webkit-gradient(linear,left top,left bottom,from(#2c3183),to(#161942));background:linear-gradient(#2c3183,#161942);height:50%;width:100%;padding:10px 20px;text-align:left;position:relative;border-radius:0 0 4px 4px}.homepage-features .company-name{font-size:1.4rem;font-weight:600;padding:17px 0}.homepage-features .company-industry,.homepage-features .company-scale{font-size:16px;padding:3px 0;line-height:1.7}.homepage-features .read-more-arrow{text-align:right;font-size:16px;position:absolute;bottom:1.2rem;right:1.2rem}.homepage-features .read-more-arrow:hover{color:#ed5749}.homepage-features .featured-stories-lists,.homepage-features .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:center}.homepage-features .item{margin-top:3rem;-ms-flex-preferred-size:33%;flex-basis:33%}.homepage-features .item p{max-width:12rem;margin-left:auto;margin-right:auto;font-size:.8rem;line-height:1.8}.homepage-features .row-1 .item{margin-top:0}.homepage-features .item-short p{max-width:10.5rem;margin-left:auto;margin-right:auto}.homepage-features .item-long p{max-width:15rem;margin-left:auto;margin-right:auto}.homepage-features .feature-icon{width:100px;margin:0 auto}.homepage-features .image-wrap{width:3.5rem;height:3.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;border:1px solid #fff;border-radius:50% 50%}.homepage-features .image-wrap .icon{width:1.8rem;height:1.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.homepage-features .image-wrap-no-border{border:none}.homepage-features .image-wrap-no-border .icon{width:3.5rem;height:3.5rem}.homepage-features-en{padding-bottom:0}.homepage-features-en .container::after{content:"";width:100%;border-top:1px solid #3351ff;display:block;margin:4rem auto 0}.homepage-advantages{padding:calc(4rem + calc(1rem + 2rem + 3px)) 0 0;background:#080713}.homepage-advantages h3{font-size:1.1rem;color:#fff}.homepage-advantages h4{color:#3351ff;font-size:.9rem;margin-bottom:.6rem;font-weight:400}.homepage-advantages .bottom{height:320px;background:url(/images/svgs/polygon.svg) no-repeat center top;background-size:cover}.homepage-advantages .container{padding:0 12px}.homepage-advantages .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4rem}.homepage-advantages .row .image-wrap{margin:1rem 0}.homepage-advantages .row .image-wrap img{width:14rem}.homepage-advantages .row .content{-ms-flex-preferred-size:72%;flex-basis:72%;padding:0 .5rem}.homepage-advantages .row .content .text{font-size:.8rem;line-height:1.8}.homepage-advantages .row:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse}.homepage-advantages .row:nth-child(2n) .content{text-align:right}.cta-footer-en{background:url(https://download.pingcap.com/images/bg-homepage-features.png) no-repeat center top;background-attachment:fixed;background-size:cover}.cta-footer{margin:0 auto;padding:50px 15px;background-color:#000;text-align:center}.cta-footer .cta-footer__headline{max-width:600px;margin:0 auto 30px;font-weight:600;font-size:21px;line-height:35px;color:#fff}.cta-footer .buttons-en{margin:0 auto;max-width:25rem!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cta-footer .buttons-en .btn-en{margin:2rem 1rem 0;min-width:10rem}.cta-footer .buttons-en .btn-primary-en{position:relative}.cta-footer .buttons-en .btn-secondary-en{position:relative}.cta-footer .btn{margin:2rem 1rem 0}.release-banner{display:none;position:relative;width:100%;padding:12px 12px;z-index:1030;background:#3351ff;font-size:16px;line-height:32px;letter-spacing:1px}.release-banner__inner{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.release-banner__copy{display:-webkit-box;display:-ms-flexbox;display:flex}.release-banner__copy .party{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;font-size:30px}.release-banner__copy .partial-underline{text-decoration:underline}.release-banner__copy .hover-underline:hover{text-decoration:underline}.release-banner__close{position:relative;width:40px;height:40px;margin-left:5px;cursor:pointer}.release-banner__close::after{content:"";position:absolute;height:2px;width:18px;top:50%;left:0;right:0;margin:0 auto;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.release-banner__close::after,.release-banner__close::before{content:"";position:absolute;height:2px;width:18px;top:50%;left:0;right:0;margin:0 auto;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.release-banner__close::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}body.banner-active .release-banner{display:block}#mc_embed_signup .response{margin-top:12px;line-height:1.4;font-size:.65rem}@media (max-width:1680px){.homepage-slogan-mask .tidb-planet-banner-pc{width:50%}.homepage-slogan-mask .tidb-planet-banner-pc .swiper-container .moment-img{width:100%}}@media (max-width:1024px){.homepage-slogan-mask .tidb-planet-banner-pc{height:auto;margin-right:.5rem}}@media screen and (min-width:992px){.release-banner__copy{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cta-footer__headline{max-width:715px;font-size:36px;line-height:50px}}@media screen and (min-width:769px){.release-banner__copy .party{margin-right:25px}.homepage-slogan-mask .buttons .btn-secondary::after{left:22px;width:18px;height:18px;margin-top:-10px;background-size:18px 18px}.cta-footer{padding:100px 0}.cta-footer .cta-footer__headline{font-size:30px;line-height:40px}}@media (max-width:600px){.btn{margin:0 auto;min-width:180px}.banner-container{display:block;width:100%;height:auto}.banner-container .multi_slides_carousel{padding:0!important}.banner-container .swiper-pagination{bottom:-30px!important}.banner-container .swiper-pagination .swiper-pagination-bullet{border:none!important}.banner-container .swiper-pagination .swiper-pagination-bullet-active{background:#3351ff!important;border:1px solid #3351ff!important}.banner-container img{width:100%;height:100%}.homepage-slogan-mask-cn-mobile{padding:4rem 0}.homepage-slogan-mask{padding:calc(calc(1rem + 2rem + 3px) + 2rem) 0}.homepage-slogan-mask .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.homepage-slogan-mask .logo-cn{width:90%}.homepage-slogan-mask .logo-en{width:17rem!important}.homepage-slogan-mask .buttons .btn-secondary::after{left:30px}.homepage-slogan-mask .tidb-planet-banner-pc{display:none}.homepage-slogan-mask .tagline{margin-bottom:1.2rem;font-size:1rem}.homepage-slogan-mask .desc{max-width:100%}.homepage-slogan-mask .desc-cn{padding:0 1rem}.homepage-slogan-mask .contributor-count{position:relative;padding:0 0 0 40px;margin:2.5rem auto}.homepage-slogan-mask .contributor-count .numb{height:30px;width:18px}.homepage-slogan-mask .contributor-count .numb p{font-size:18px;padding:5px 4px}.homepage-slogan-mask .contributor-count::before{width:25px;height:25px}.homepage-advantages,.homepage-features{padding-top:3rem}.homepage-advantages .item,.homepage-features .item{-ms-flex-preferred-size:100%;flex-basis:100%}.homepage-advantages .item p,.homepage-features .item p{max-width:15em}.homepage-advantages .row-1 .item,.homepage-features .row-1 .item{margin-top:3rem}.homepage-advantages .featured-stories-title,.homepage-features .featured-stories-title{font-size:21px}.homepage-advantages .story,.homepage-features .story{padding:0 2.8rem;height:350px}.homepage-advantages .company-name,.homepage-features .company-name{font-size:19px}.homepage-advantages .company-industry,.homepage-advantages .company-scale,.homepage-advantages .read-more-arrow,.homepage-features .company-industry,.homepage-features .company-scale,.homepage-features .read-more-arrow{font-size:.8rem}.homepage-advantages .row,.homepage-advantages .row:nth-child(2n){-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.homepage-advantages .row .content,.homepage-advantages .row:nth-child(2n) .content{padding:0;text-align:center}.homepage-advantages .row .content{-ms-flex-preferred-size:100%;flex-basis:100%}.cta-footer .buttons{display:block}.cta-footer .buttons .btn-primary{margin-bottom:20px}.cta-footer .buttons .btn{margin:1rem}}@media (max-width:320px){.homepage-slogan-mask .buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.homepage-slogan-mask .buttons .btn{margin-top:1.2rem}.homepage-slogan-mask .desc-cn{padding:0 .6rem}.homepage-slogan-mask .contributor-count{padding:0 37px;margin:2.5rem 3rem 2.5rem 1rem}.homepage-features .story{padding:0 1rem}}