@-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}}section[class^=about-],section[class^=meetup-landing-page-]{padding:4rem 12px;min-height:20rem;text-align:center}section[class^=about-] .container,section[class^=meetup-landing-page-] .container{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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1124px}section[class^=about-] .title,section[class^=meetup-landing-page-] .title{color:#172d72;font-size:26px}section[class^=about-] .desc,section[class^=meetup-landing-page-] .desc{max-width:33rem;margin-left:auto;margin-right:auto;font-size:.8rem;line-height:1.7}section[class^=about-] .desc,section[class^=about-] .desc-en{max-width:1124px;font-size:.8rem;margin:3rem auto;line-height:1.7}section[class^=about-] .desc a,section[class^=about-] .desc-en a{color:#3351ff}section[class^=about-] .desc .desc-en,section[class^=about-] .desc-en .desc-en{text-align:center}section[class^=about-] .round-corner-btn{width:220px;height:60px;background:#3351ff;padding:18px;color:#fff;font-size:.8rem;border:none;border-radius:30px;margin-top:3.5rem;position:relative;z-index:1;-webkit-box-shadow:0 0 8px #487ecb;box-shadow:0 0 8px #487ecb}section[class^=about-] .round-corner-btn .arrow{visibility:hidden;position:absolute;top:50%;left:20%;-webkit-transform:translateY(-40%);transform:translateY(-40%);-webkit-transition:left .5s ease;transition:left .5s ease}section[class^=about-] .round-corner-btn .text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:left .5s ease;transition:left .5s ease}section[class^=about-] .round-corner-btn:hover{background:#172d72;-webkit-box-shadow:none;box-shadow:none}section[class^=about-] .round-corner-btn:hover .arrow{visibility:visible;left:30%}section[class^=about-] .round-corner-btn:hover .text{left:60%}.banner-bg{background-color:#202884;height:auto;width:100%}.banner-bg .banner-img{max-width:700px;padding:calc(calc(1rem + 2rem + 3px) + 2.3rem) 0 3rem;margin:0 auto}.banner-bg .banner-img img{width:100%;height:100%}.about-timeline{background:#fafafa;position:relative;height:1550px}.about-timeline .time-line{height:1250px;position:absolute;left:50%;top:10rem;border-left:1px solid #3351ff}.about-timeline .time-line .start-node{position:absolute;width:15px;height:15px;border-radius:50%;background:#3351ff;bottom:0;margin-left:-8px}.about-timeline .time-line .event{position:relative;background:#fafafa;left:-30px;margin:3rem 0 4rem}.about-timeline .time-line .event .event-detail{position:absolute;border:1px dotted #35f;padding:1rem;left:12rem;min-width:15rem;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);text-align:left}.about-timeline .time-line .event .event-detail .time{font-size:.8rem;color:#35f;font-weight:600}.about-timeline .time-line .event .event-detail .detail{font-size:15px;margin-top:5px;line-height:1.5}.about-timeline .time-line .line-with-year-left::after,.about-timeline .time-line .line-with-year-right::after,.about-timeline .time-line .line-without-year-left::after,.about-timeline .time-line .line-without-year-right::after{position:absolute;content:'';border-top:1px solid #35f;bottom:50%}.about-timeline .time-line .line-with-year-left .node-with-year,.about-timeline .time-line .line-with-year-right .node-with-year,.about-timeline .time-line .line-without-year-left .node-with-year,.about-timeline .time-line .line-without-year-right .node-with-year{border:1px solid #35f;border-radius:30px;color:#35f;padding:5px 10px;font-size:13px;position:relative;width:60px}.about-timeline .time-line .line-with-year-left .node-without-year,.about-timeline .time-line .line-with-year-right .node-without-year,.about-timeline .time-line .line-without-year-left .node-without-year,.about-timeline .time-line .line-without-year-right .node-without-year{border-left:1px solid #35f;height:10px;margin-left:29px}.about-timeline .time-line .line-with-year-right::after{width:8rem;left:60px}.about-timeline .time-line .line-without-year-right::after{width:calc(8rem + 30px)}.about-timeline .time-line .line-with-year-left .event-detail{right:12rem;left:auto}.about-timeline .time-line .line-with-year-left::after{right:60px;width:8rem}.about-timeline .time-line .line-without-year-left .event-detail{right:12rem;left:auto}.about-timeline .time-line .line-without-year-left::after{right:30px;width:calc(8rem + 30px)}.intro-video{position:relative;width:100%;height:calc(100vh - calc(1rem + 2rem + 3px));padding:0}.intro-video .video-wrapper{position:relative;margin-top:30px;width:1124px;height:calc(1124px* 9/16);-webkit-box-shadow:2px 2px 22px rgba(255,255,255,.5);box-shadow:2px 2px 22px rgba(255,255,255,.5);background:transparent url(https://download.pingcap.com/images/video-poster.jpg) no-repeat 0 0;background-size:cover;z-index:auto}.intro-video .video-wrapper video{width:100%;height:100%}.intro-video #video-control{width:100%;height:100%;background-color:transparent}.about-company .desc{margin:0 auto!important;text-align:justify}.about-company-en{background:#fafafa}.about-founders{background:#fff}.about-founders .image-wrap{max-width:26rem;margin:4.5rem auto 0}.about-founders .image-wrap img{display:block;width:100%}.about-culture{background:#fafafa}.about-culture .desc{text-align:justify}.about-culture .details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.about-culture .details .desc{text-align:center}.about-culture .details h3{font-size:1rem;margin:8px 0;color:#202884}.about-culture .details p{max-width:10.5rem;margin:2px auto;font-weight:400}.about-culture .details .item{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:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:3rem;width:33%}.about-culture .details .item-short p{max-width:7.5rem}.about-culture .details .image-wrap .icon{height:100px;vertical-align:middle}.about-culture .details .image-wrap .icon-m{height:40px}.about-culture .details .image-wrap .icon-s{height:36px}.about-contact{background:#fff;position:relative}.about-contact .info{padding:3rem 0;font-size:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;line-height:1.7;position:relative;-ms-flex-pack:distribute;justify-content:space-around}.about-contact .info .col-1{width:55%;text-align:left;position:relative;padding:0 0 20px 0}.about-contact .info .col-1::after{content:" ";position:absolute;right:0;top:0;width:1px;padding:5rem 0;background:#bfbfbf;margin-left:125px;height:15%}.about-contact .info .office-info{padding:4px 0;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}.about-contact .info .col-2{text-align:left;line-height:1.7;height:100%}.about-contact .info .office-name{font-weight:600}.about-contact .info .item{margin-bottom:.8rem;position:relative;padding:0 2rem 0 0}.about-contact .info-2{display:none}.about-contact .info-en{font-size:.7rem;width:auto}.about-contact .info-en .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.about-contact .info-en::before{display:none}.about-contact .info-en .item{padding-right:2.4rem}.about-contact .info-en .item h3{margin:0 0 6px;font-size:.7rem;font-weight:600}.about-contact .info-en .item::before{content:" ";position:absolute;top:2px;left:-12px;width:2px;height:40px;background:#202884}.about-contact .info-en .item-long{padding-right:0}.mobile-map,.pc-map{width:100%;margin:2rem;position:relative}.mobile-map img,.pc-map img{width:100%;height:100%}.mobile-map .m-office,.pc-map .m-office{position:absolute;border-radius:50%;width:13px;height:13px;background:#3351ff}.mobile-map .m-office button,.pc-map .m-office button{position:absolute;width:88px;background:#35f;border:none;color:#fff;padding:10px 10px;border-radius:4px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.mobile-map .m-office .line,.pc-map .m-office .line{position:absolute;border:1px solid #35f}.mobile-map .m-office-hovered button,.pc-map .m-office-hovered button{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:1px 1px 10px #bfbfbf;box-shadow:1px 1px 10px #bfbfbf}.mobile-map .m-silicon .line,.pc-map .m-silicon .line{-webkit-transform-origin:left;transform-origin:left;top:6px;left:6px;width:100px;-webkit-transform:rotate(125deg);transform:rotate(125deg)}.mobile-map .m-silicon button,.pc-map .m-silicon button{left:-131px;top:75px}.mobile-map .m-beijing .line,.pc-map .m-beijing .line{-webkit-transform-origin:left;transform-origin:left;top:6px;left:6px;width:160px;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.mobile-map .m-beijing button,.pc-map .m-beijing button{left:115px;top:-115px}.mobile-map .m-shanghai .line,.pc-map .m-shanghai .line{-webkit-transform-origin:left;transform-origin:left;top:6px;left:6px;width:120px}.mobile-map .m-shanghai button,.pc-map .m-shanghai button{left:120px;top:-10px}.mobile-map .m-hangzhou .line,.pc-map .m-hangzhou .line{-webkit-transform-origin:left;transform-origin:left;top:6px;left:6px;width:170px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mobile-map .m-hangzhou button,.pc-map .m-hangzhou button{left:120px;top:100px}.mobile-map .m-chengdu .line,.pc-map .m-chengdu .line{-webkit-transform-origin:left;transform-origin:left;top:6px;left:6px;width:90px;-webkit-transform:rotate(145deg);transform:rotate(145deg)}.mobile-map .m-chengdu button,.pc-map .m-chengdu button{left:-130px;top:55px}.mobile-map .m-guangzhou .line,.pc-map .m-guangzhou .line{-webkit-transform-origin:left;transform-origin:left;top:6px;left:6px;width:120px;-webkit-transform:rotate(125deg);transform:rotate(125deg)}.mobile-map .m-guangzhou button,.pc-map .m-guangzhou button{left:-100px;top:100px}.mobile-map .m-shenzhen .line,.pc-map .m-shenzhen .line{-webkit-transform-origin:left;transform-origin:left;top:6px;left:6px;width:170px;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.mobile-map .m-shenzhen button,.pc-map .m-shenzhen button{left:90px;top:140px}.mobile-map{display:none}.underline{color:#35f}.underline .office-addr{text-decoration:underline}.floating-ele{width:100%;position:relative;min-height:14rem}.floating-ele img{position:absolute}.floating-ele .ele1{top:2rem;left:10%;width:16px;-webkit-animation:angleMove1 3s infinite .5s alternate;animation:angleMove1 3s infinite .5s alternate}.floating-ele .ele2{top:10rem;left:15%;-webkit-animation:angleMove2 2s infinite alternate;animation:angleMove2 2s infinite alternate}.floating-ele .ele3{top:6rem;left:30%;width:10px;-webkit-animation:angleMove1 2s infinite 1s alternate;animation:angleMove1 2s infinite 1s alternate}.floating-ele .ele4{top:9.5rem;right:50%;width:25px;-webkit-animation:angleMove2 3s infinite 1.5s alternate;animation:angleMove2 3s infinite 1.5s alternate;-webkit-animation:eleScale 3s infinite alternate;animation:eleScale 3s infinite alternate}.floating-ele .ele5{top:8rem;right:10%;-webkit-animation:angleMove1 2.5s infinite alternate;animation:angleMove1 2.5s infinite alternate}.floating-ele .ele6{top:12rem;left:70%;width:13px;-webkit-animation:angleMove1 3s infinite 1s alternate;animation:angleMove1 3s infinite 1s alternate}.floating-ele .ele7{top:2rem;left:75%;-webkit-animation:angleMove2 2s infinite alternate;animation:angleMove2 2s infinite alternate}.floating-ele .ele8{top:7rem;right:35%;width:14px;-webkit-animation:angleMove1 2s infinite alternate;animation:angleMove1 2s infinite alternate}.floating-ele .ele9{top:8rem;right:30%;-webkit-animation:angleMove1 2s infinite alternate;animation:angleMove1 2s infinite alternate}@-webkit-keyframes stretchLine{100%{width:0}}@keyframes stretchLine{100%{width:0}}@-webkit-keyframes angleMove1{from{-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}to{-webkit-transform:translate(30px,10px);transform:translate(30px,10px)}}@keyframes angleMove1{from{-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}to{-webkit-transform:translate(30px,10px);transform:translate(30px,10px)}}@-webkit-keyframes angleMove2{from{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}to{-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}}@keyframes angleMove2{from{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}to{-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}}@-webkit-keyframes eleScale{from{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes eleScale{from{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}.map-shotcut{width:100%;height:340px;background:url(https://download.pingcap.com/images/map-office-2955-campus.png);background-size:cover}#particles-js{position:absolute;width:100%;height:100%;background-color:#fff;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;z-index:-1}@media (min-width:1700px){.about-timeline{height:1700px}.about-timeline .time-line{height:1350px}.banner-bg .banner-img{max-width:1000px}}@media (max-width:600px){.intro-video{height:300px}.intro-video .video-wrapper{width:100%;height:auto;margin-top:0}.intro-video .video-wrapper #video{width:100%;height:auto}.about-culture .details .item{width:45%}.about-culture .details .image-wrap .icon{height:60px}.about-contact .info{padding:3rem 1rem}.about-contact .info .col-1{width:100%}.about-contact .info .col-1::after{display:none}.about-contact .info .col-1 .office-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:row;-ms-flex:row wrap;flex:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}.about-contact .info .col-1 .office-info .office-name{width:27%}.about-contact .info .col-1 .office-info .office-addr{width:70%}.about-contact .info .col-2{display:none}.about-contact .pc-map{display:none}.about-contact .mobile-map{display:block}.about-contact .info-2{margin-top:2rem;display:block;line-height:1.7;font-size:.8rem}.about-contact-en .container{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.about-contact-en .info .item{left:1rem}.about-timeline{height:1300px}.about-timeline .time-line{height:1100px;top:10rem}.about-timeline .time-line .start-node{width:10px;height:10px;margin-left:-5px}.about-timeline .time-line .event{left:-25px;margin:3rem 0 4.5rem}.about-timeline .time-line .event .event-detail{padding:5px;left:4rem;min-width:8rem}.about-timeline .time-line .event .event-detail .time{font-size:14px}.about-timeline .time-line .event .event-detail .detail{font-size:12px}.about-timeline .time-line .line-with-year-left .node-with-year,.about-timeline .time-line .line-with-year-right .node-with-year,.about-timeline .time-line .line-without-year-left .node-with-year,.about-timeline .time-line .line-without-year-right .node-with-year{padding:3px;font-size:12px;width:50px}.about-timeline .time-line .line-with-year-left .node-without-year,.about-timeline .time-line .line-with-year-right .node-without-year,.about-timeline .time-line .line-without-year-left .node-without-year,.about-timeline .time-line .line-without-year-right .node-without-year{margin-left:24px}.about-timeline .time-line .line-with-year-right::after{width:15px;left:50px}.about-timeline .time-line .line-without-year-right::after{width:calc(4rem - 25px)}.about-timeline .time-line .line-with-year-left .event-detail{right:4rem;left:auto}.about-timeline .time-line .line-with-year-left::after{right:50px;width:15px}.about-timeline .time-line .line-without-year-left .event-detail{right:4rem;left:auto}.about-timeline .time-line .line-without-year-left::after{right:25px;width:calc(4rem - 25px)}section[class^=about-] .desc{padding:0 1rem!important}section[class^=about-] .title{font-size:1.1rem}section[class^=about-] .round-corner-btn{width:160px;height:50px}}@media (max-width:320px){.about-timeline{height:1250px}.about-timeline .time-line{height:1050px;top:10rem}.about-timeline .time-line .event .event-detail{min-width:7rem}.about-contact .info .col-1 .office-info .office-name{width:29%}}.layout-text-on-hover{width:100%;height:auto}.layout-text-on-hover .image{position:relative;width:100%;height:0;overflow:hidden;padding-bottom:calc(100%);-webkit-box-shadow:0 5px 22px rgba(0,0,0,.1);box-shadow:0 5px 22px rgba(0,0,0,.1)}.layout-text-on-hover .image img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.layout-text-on-hover .text{position:absolute;top:0;left:0;width:100%;height:100%;padding:30px;background-color:rgba(242,241,241,.8);-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s}.layout-text-on-hover .text .inner-title{display:inline-block;position:absolute;bottom:50%;right:30px;opacity:0;font-size:1.6rem;color:#191970;-webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0);-webkit-transition:opacity .2s,-webkit-transform 0s .2s;transition:opacity .2s,-webkit-transform 0s .2s;transition:transform 0s .2s,opacity .2s;transition:transform 0s .2s,opacity .2s,-webkit-transform 0s .2s}.layout-text-on-hover .text .inner-title::after{content:' ';position:absolute;bottom:10%;left:0;width:100%;height:10px;z-index:-1;background-color:#e6002d;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(0);transform:scaleX(0)}.layout-text-on-hover:hover .text{opacity:1}.layout-text-on-hover:hover .text .inner-title{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity .4s,-webkit-transform .35s cubic-bezier(.15,.7,.54,.99);transition:opacity .4s,-webkit-transform .35s cubic-bezier(.15,.7,.54,.99);transition:transform .35s cubic-bezier(.15,.7,.54,.99),opacity .4s;transition:transform .35s cubic-bezier(.15,.7,.54,.99),opacity .4s,-webkit-transform .35s cubic-bezier(.15,.7,.54,.99)}.layout-text-on-hover:hover .text .inner-title::after{-webkit-transition:-webkit-transform .35s cubic-bezier(.15,.7,.54,.99) .2s;transition:-webkit-transform .35s cubic-bezier(.15,.7,.54,.99) .2s;transition:transform .35s cubic-bezier(.15,.7,.54,.99) .2s;transition:transform .35s cubic-bezier(.15,.7,.54,.99) .2s,-webkit-transform .35s cubic-bezier(.15,.7,.54,.99) .2s;-webkit-transform:scaleX(1);transform:scaleX(1)}section[class^=meetup-landing-page-] h3{margin:25px 0 16px;font-size:1rem;color:#3c3c3c;text-align:left}section[class^=meetup-landing-page-] h4{margin:10px 0;font-size:.8rem;font-weight:400;color:#202884}section[class^=meetup-landing-page-] p{margin:2px auto;font-weight:300;font-size:.8rem}section[class^=meetup-landing-page-] .meetup-review-title{text-align:left}section[class^=meetup-landing-page-] .details{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;width:100%}section[class^=meetup-landing-page-] .details .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-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}section[class^=meetup-landing-page-] .details .item{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2rem}section[class^=meetup-landing-page-] .details .item .link-abs{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}section[class^=meetup-landing-page-] .layout-text-on-hover .image{background:#fafafa}.meetup-landing-page-banner{position:relative;overflow:hidden;width:100%;height:30rem;margin-top:calc(1rem + 2rem + 3px);background:url(https://download.pingcap.com/images/banners/meetup-banner-pc.svg) no-repeat;background-position:center;background-size:cover}.meetup-landing-page-banner .mkdf-elements-holder-item-inner{position:absolute;right:10rem;bottom:10rem;text-align:right;color:#fff}.meetup-landing-page-banner .mkdf-elements-holder-item-inner h2{font-size:2rem;color:#fff}.meetup-landing-page-banner .mkdf-elements-holder-item-inner h2::before{display:none}.meetup-landing-page-banner .mkdf-elements-holder-item-inner h3{margin-bottom:45px}.meetup-landing-page-banner .mkdf-elements-holder-item-inner h3,.meetup-landing-page-banner .mkdf-elements-holder-item-inner h4,.meetup-landing-page-banner .mkdf-elements-holder-item-inner p{color:#fff}.meetup-landing-page-banner .image{-webkit-box-shadow:none;box-shadow:none}.meetup-landing-page-banner .text{padding:30px 70px}.meetup-landing-page-banner .text .inner-title{letter-spacing:4px;bottom:30px;right:70px}.readMore-btn{border:1px solid #3351ff;color:#3351ff;width:140px;font-size:.8rem;padding:14px;margin:3rem 0 0;background:0 0;position:relative;cursor:pointer}.readMore-btn .arrow{width:16px;position:absolute;opacity:0;top:50%;left:2px;margin-top:-.4rem;-webkit-transition:all .3s ease;transition:all .3s ease}.readMore-btn .btn-text{-webkit-transition:all .3s ease;transition:all .3s ease}.readMore-btn:hover .arrow{opacity:1;left:12px}.readMore-btn:hover .btn-text{padding:14px 0 14px 20px}.meetup-landing-page-intro{padding:4rem 12px 0!important;min-height:0!important}.meetup-landing-page-review .details{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 2rem 0}.meetup-landing-page-review .details .item{min-height:380px;width:310px}.meetup-landing-page-review .details .layout-text-on-hover .image{padding-bottom:calc(66.66666667%)}.meetup-landing-page-review .details .layout-text-on-hover .text{padding:30px 10px}.meetup-landing-page-review .details p{font-size:16px}.meetup-landing-page-memoir{background:#fafafa;padding:6rem 0 2.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}.meetup-landing-page-memoir .links-group .link{margin:.5rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.8rem}.meetup-landing-page-memoir .links-group .link .arrow-right{opacity:0;display:none}.meetup-landing-page-memoir .links-group .link .arrow-right svg{height:1em}.meetup-landing-page-memoir .links-group .link:hover .arrow-right{opacity:1;display:inline-block;-webkit-transition:opacity .2s;transition:opacity .2s}.meetup-landing-page-lecturer{padding:2rem 12px 0!important}.meetup-landing-page-lecturer .details .item{min-height:300px;-ms-flex-preferred-size:20%;flex-basis:20%;padding:0 12px}.meetup-landing-page-lecturer .details .item .layout-text-on-hover .text{padding:40px 20px;background-color:#3351ff}.meetup-landing-page-lecturer .details .item .layout-text-on-hover .text p{opacity:0;overflow:auto;color:#fff;line-height:1.4;font-size:.8rem;font-weight:400;-webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0);-webkit-transition:opacity .2s,-webkit-transform 0s .2s;transition:opacity .2s,-webkit-transform 0s .2s;transition:transform 0s .2s,opacity .2s;transition:transform 0s .2s,opacity .2s,-webkit-transform 0s .2s}.meetup-landing-page-lecturer .details .item .layout-text-on-hover:hover .text p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity .4s,-webkit-transform .35s cubic-bezier(.15,.7,.54,.99);transition:opacity .4s,-webkit-transform .35s cubic-bezier(.15,.7,.54,.99);transition:transform .35s cubic-bezier(.15,.7,.54,.99),opacity .4s;transition:transform .35s cubic-bezier(.15,.7,.54,.99),opacity .4s,-webkit-transform .35s cubic-bezier(.15,.7,.54,.99)}.meetup-landing-page-banner-footer .section-container{background-image:url(https://download.pingcap.com/images/banners/meetup-footer-banner.png);background-size:cover;background-position:center;width:100%;height:0;padding:8%}.carousel-indicators{position:relative}.carousel-indicators li{display:inline-block;margin:0 5px}.carousel-bullet{display:block;width:12px;height:12px;border-radius:50%;background:0 0;border:1px solid #fff;cursor:pointer}.swiper-container{width:400px!important;height:auto;padding-top:10px;margin-right:0!important}@media only screen and (max-width:768px){.swiper-container{width:auto!important}}.right-swiper-pagination{position:relative!important;text-align:right!important}.swiper-pagination-bullets{top:0!important}.swiper-pagination-bullet{width:12px!important;height:12px!important;background:0 0!important;border:1px solid #fff;opacity:1!important;margin:0 5px!important}.swiper-pagination-bullet-active{background:#fff!important}.swiper-wrapper{margin-top:25px}.swiper-slide .topic{font-size:1rem;letter-spacing:1px}.swiper-slide .address,.swiper-slide .meetup-date{font-size:.85rem;margin-top:1rem;letter-spacing:1px}.swiper-slide .address span:nth-child(1),.swiper-slide .meetup-date span:nth-child(1){padding:0 10px}.swiper-slide .address span:nth-child(2),.swiper-slide .meetup-date span:nth-child(2){padding-right:15px}.swiper-slide .address span:last-child,.swiper-slide .meetup-date span:last-child{padding-left:15px}.meetup-register{border:1px solid #fff;font-size:.85rem;padding:.6rem 1.1rem;background:0 0;margin-top:1rem;cursor:pointer;color:#fff}.meetup-register:hover{color:#1187b6;background:#fff}.unclickable-btn{background:0 0!important;color:#fff!important;cursor:not-allowed!important}.meetup-carousel{position:relative}.meetup-instructors{padding:0!important}.meetup-speakers{background:#f2f2f2!important}@media (max-width:1500px){.meetup-landing-page-banner-footer .section-container{padding:12%}}@media (max-width:1024px){.meetup-landing-page-banner{height:23rem}.meetup-landing-page-banner .mkdf-elements-holder-item-inner{right:5rem;bottom:auto}.meetup-landing-page-review .details .item{min-height:350px}}@media (max-width:800px){.meetup-landing-page-review .details .row{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.footer-section{padding:0!important}.meetup-landing-page-banner-footer{min-height:auto!important}.meetup-landing-page-banner-footer .section-container{background-image:url(https://download.pingcap.com/images/banners/meetup-footer-banner-mobile.jpg);padding:15%}}@media (max-width:600px){section[class^=meetup-landing-page-] h3{text-align:center}.meetup-landing-page-banner-footer{min-height:auto!important;padding:0!important}.meetup-landing-page-lecturer .details .item{-ms-flex-preferred-size:50%;flex-basis:50%}.meetup-landing-page-review .details .item{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:287px;min-height:auto;margin:0 auto}.meetup-landing-page-review .details .item p{margin:2px 20px;text-align:center}.meetup-landing-page-review .layout-text-on-hover .text{display:none}.meetup-speakers{height:230px!important;margin:20px 5px!important;width:183px!important}.meetup-speakers .company{padding:.5rem!important}.meetup-landing-page-banner{background:url(https://download.pingcap.com/images/banners/meetup-banner-mobile.svg) no-repeat;background-position:center;background-size:cover;padding:1rem!important;height:33rem}.meetup-landing-page-banner .mkdf-elements-holder-item-inner{position:relative;right:auto;bottom:auto;text-align:center}.meetup-landing-page-banner .mkdf-elements-holder-item-inner h2{font-size:1.5rem}.meetup-carousel{margin-top:0}.swiper-pagination-bullet{width:8px!important;height:8px!important}.swiper-pagination{text-align:center!important}.swiper-wrapper{margin-top:12px}.swiper-container{width:auto;margin:0 auto!important}.swiper-slide .topic{margin-bottom:10px}.swiper-slide .address,.swiper-slide .meetup-date{margin-top:10px;font-size:.9rem;display:inline}}@media (max-width:375px){.meetup-speakers{width:165px!important;height:202px!important}.meetup-speakers .name{font-size:.9rem!important}}@media (max-width:360px){.meetup-speakers{width:158px!important}}@media (max-width:320px){.meetup-landing-page-banner{height:31rem}.meetup-speakers{height:240px!important;width:215px!important}}