/*! hash:886e101df5101495cffc, chunkhash:21d3f634e4bc4eb3840e, name:us/index, filebase:index.88d27cac6.css, query:, file:assets/css/us/index.88d27cac6.css */
@font-face{font-family:SegoeUI;src:local("Segoe UI Bold"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("truetype");font-weight:600}p{margin-bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1em)}to{opacity:1;transform:none}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}section[class^=about-],section[class^=meetup-landing-page-]{padding:4rem .75rem;min-height:20rem;text-align:center}section[class^=about-] .container,section[class^=meetup-landing-page-] .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;max-width:70.25rem}section[class^=about-] .title,section[class^=meetup-landing-page-] .title{color:#172d72;font-size:1.625rem}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:70.25rem;font-size:.8rem;margin:3rem auto;line-height:1.7}section[class^=about-] .desc-en a,section[class^=about-] .desc a{color:#1678ff}section[class^=about-] .desc-en .desc-en,section[class^=about-] .desc .desc-en{text-align:center}section[class^=about-] .round-corner-btn{width:13.75rem;height:3.75rem;background:#1678ff;padding:1.125rem;color:#fff;font-size:.8rem;border:none;border-radius:1.875rem;margin-top:3.5rem;position:relative;z-index:1;box-shadow:0 0 .5rem #487ecb}section[class^=about-] .round-corner-btn .arrow{visibility:hidden;position:absolute;top:50%;left:20%;transform:translateY(-40%);transition:left .5s ease}section[class^=about-] .round-corner-btn .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:left .5s ease}section[class^=about-] .round-corner-btn:hover{background:#172d72;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:43.75rem;padding:5.4875rem 0 3rem;margin:0 auto}.banner-bg .banner-img img{width:100%;height:100%}.about-timeline{background:#fff;position:relative;height:125rem}.about-timeline .time-line{height:106.25rem;position:absolute;left:50%;top:10rem;border-left:.0625rem solid #1678ff}.about-timeline .time-line .start-node{position:absolute;width:.9375rem;height:.9375rem;border-radius:50%;background:#1678ff;bottom:0;margin-left:-.5rem}.about-timeline .time-line .event{position:relative;background:#fff;left:-1.875rem;margin:5rem 0 4rem}.about-timeline .time-line .event .event-detail{position:absolute;border:.0625rem dotted #1678ff;padding:1rem;left:12rem;min-width:15rem;top:50%;transform:translateY(-50%);text-align:left}.about-timeline .time-line .event .event-detail .time{font-size:.8rem;color:#1678ff;font-weight:600}.about-timeline .time-line .event .event-detail .detail{font-size:.875rem;margin-top:.3125rem;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:.0625rem solid #1678ff;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:.0625rem solid #1678ff;border-radius:1.875rem;color:#1678ff;padding:.3125rem .625rem;font-size:.8125rem;position:relative;width:3.75rem;background-color:#fff;z-index:2}.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:.0625rem solid #1678ff;height:.625rem;margin-left:1.8125rem}.about-timeline .time-line .line-with-year-right:after{width:8rem;left:3.75rem}.about-timeline .time-line .line-without-year-right:after{width:9.875rem}.about-timeline .time-line .line-with-year-left .event-detail{right:12rem;left:auto}.about-timeline .time-line .line-with-year-left:after{right:3.75rem;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:1.875rem;width:9.875rem}.intro-video{position:relative;width:100%;height:calc(100vh - 3.1875rem);padding:0}.intro-video .video-wrapper{position:relative;margin-top:1.875rem;width:70.25rem;height:39.51563rem;box-shadow:.125rem .125rem 1.375rem hsla(0,0%,100%,.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:-ms-flexbox;display:flex;-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:.5rem 0;color:#202884}.about-culture .details p{max-width:10.5rem;margin:.125rem auto;font-weight:400}.about-culture .details .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-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:6.25rem;vertical-align:middle}.about-culture .details .image-wrap .icon-m{height:2.5rem}.about-culture .details .image-wrap .icon-s{height:2.25rem}.about-contact{background:#fff;position:relative}.about-contact .info{padding:3rem 0;font-size:.8rem;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}.about-contact .info .col-1:after{content:" ";position:absolute;right:0;top:0;width:.0625rem;padding:5rem 0;background:#bfbfbf;margin-left:7.8125rem}.about-contact .info .office-info{padding:.0625rem 0;display:-ms-flexbox;display:flex;-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:1rem;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:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-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 .375rem;font-size:.7rem;font-weight:600}.about-contact .info-en .item:before{content:" ";position:absolute;top:.125rem;left:-.75rem;width:.125rem;height:2.5rem;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:.8125rem;height:.8125rem;background:#1678ff}.mobile-map .m-office button,.pc-map .m-office button{position:absolute;width:5.5rem;background:#1678ff;border:none;color:#fff;padding:.625rem;border-radius:.25rem;transition:transform .2s ease-in-out}.mobile-map .m-office .line,.pc-map .m-office .line{position:absolute;border:.0625rem solid #1678ff}.mobile-map .m-office-hovered button,.pc-map .m-office-hovered button{transform:scale(1.2);box-shadow:.0625rem .0625rem .625rem #bfbfbf}.mobile-map .m-silicon .line,.pc-map .m-silicon .line{transform-origin:left;top:.375rem;left:.375rem;width:6.25rem;transform:rotate(125deg)}.mobile-map .m-silicon button,.pc-map .m-silicon button{left:-8.1875rem;top:4.6875rem}.mobile-map .m-beijing .line,.pc-map .m-beijing .line{transform-origin:left;top:.375rem;left:.375rem;width:10rem;transform:rotate(315deg)}.mobile-map .m-beijing button,.pc-map .m-beijing button{left:7.1875rem;top:-7.1875rem}.mobile-map .m-shanghai .line,.pc-map .m-shanghai .line{transform-origin:left;top:.375rem;left:.375rem;width:7.5rem}.mobile-map .m-shanghai button,.pc-map .m-shanghai button{left:7.5rem;top:-.625rem}.mobile-map .m-hangzhou .line,.pc-map .m-hangzhou .line{transform-origin:left;top:.375rem;left:.375rem;width:10.625rem;transform:rotate(45deg)}.mobile-map .m-hangzhou button,.pc-map .m-hangzhou button{left:7.5rem;top:6.25rem}.mobile-map .m-chengdu .line,.pc-map .m-chengdu .line{transform-origin:left;top:.375rem;left:.375rem;width:5.625rem;transform:rotate(145deg)}.mobile-map .m-chengdu button,.pc-map .m-chengdu button{left:-8.125rem;top:3.4375rem}.mobile-map .m-guangzhou .line,.pc-map .m-guangzhou .line{transform-origin:left;top:.375rem;left:.375rem;width:7.5rem;transform:rotate(125deg)}.mobile-map .m-guangzhou button,.pc-map .m-guangzhou button{left:-6.25rem;top:6.25rem}.mobile-map .m-shenzhen .line,.pc-map .m-shenzhen .line{transform-origin:left;top:.375rem;left:.375rem;width:10.625rem;transform:rotate(60deg)}.mobile-map .m-shenzhen button,.pc-map .m-shenzhen button{left:5.625rem;top:8.75rem}.mobile-map{display:none}.underline{color:#1678ff}.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:1rem;animation:angleMove1 3s infinite .5s alternate}.floating-ele .ele2{top:10rem;left:15%;animation:angleMove2 2s infinite alternate}.floating-ele .ele3{top:6rem;left:30%;width:.625rem;animation:angleMove1 2s infinite 1s alternate}.floating-ele .ele4{top:9.5rem;right:50%;width:1.5625rem;animation:angleMove2 3s infinite 1.5s alternate;animation:eleScale 3s infinite alternate}.floating-ele .ele5{top:8rem;right:10%;animation:angleMove1 2.5s infinite alternate}.floating-ele .ele6{top:12rem;left:70%;width:.8125rem;animation:angleMove1 3s infinite 1s alternate}.floating-ele .ele7{top:2rem;left:75%;animation:angleMove2 2s infinite alternate}.floating-ele .ele8{top:7rem;right:35%;width:.875rem}.floating-ele .ele8,.floating-ele .ele9{animation:angleMove1 2s infinite alternate}.floating-ele .ele9{top:8rem;right:30%}@keyframes stretchLine{to{width:0}}@keyframes angleMove1{0%{transform:translate(1.25rem,1.25rem)}to{transform:translate(1.875rem,.625rem)}}@keyframes angleMove2{0%{transform:translate(-.3125rem,-.3125rem)}to{transform:translate(-.625rem,-.625rem)}}@keyframes eleScale{0%{transform:scale(.7)}to{transform:scale(1)}}.map-shotcut{width:100%;height:21.25rem;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:125rem}.about-timeline .time-line{height:106.25rem}.banner-bg .banner-img{max-width:62.5rem}}@media(max-width:600px){.intro-video{height:18.75rem}.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:3.75rem}.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:-ms-flexbox;display:flex;-ms-flex:row wrap;flex:row wrap;-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,.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{-ms-flex-align:start!important;align-items:flex-start!important}.about-contact-en .info .item{left:1rem}.about-timeline{height:143.75rem}.about-timeline .time-line{height:131.25rem;top:10rem}.about-timeline .time-line .start-node{width:.625rem;height:.625rem;margin-left:-.3125rem}.about-timeline .time-line .event{left:-1.5625rem;margin:3rem 0 4.5rem}.about-timeline .time-line .event .event-detail{padding:.3125rem;left:4rem;min-width:8rem}.about-timeline .time-line .event .event-detail .time{font-size:.875rem}.about-timeline .time-line .event .event-detail .detail{font-size:.75rem}.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:.1875rem;font-size:.75rem;width:3.125rem}.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:1.5rem}.about-timeline .time-line .line-with-year-right:after{width:.9375rem;left:3.125rem}.about-timeline .time-line .line-without-year-right:after{width:2.4375rem}.about-timeline .time-line .line-with-year-left .event-detail{right:4rem;left:auto}.about-timeline .time-line .line-with-year-left:after{right:3.125rem;width:.9375rem}.about-timeline .time-line .line-without-year-left .event-detail{right:4rem;left:auto}.about-timeline .time-line .line-without-year-left:after{right:1.5625rem;width:2.4375rem}section[class^=about-] .desc{padding:0 1rem!important}section[class^=about-] .title{font-size:1.1rem}section[class^=about-] .round-corner-btn{width:10rem;height:3.125rem}}@media(max-width:320px){.about-timeline{height:140.625rem}.about-timeline .time-line{height:128.125rem;top:10rem}.about-timeline .time-line .event .event-detail{min-width:7rem}.about-contact .info .col-1 .office-info .office-name{width:29%}}.banner{margin-top:0;background-color:#f5f7fc}.banner .w-90{width:90%}.banner .banner-text{color:#53627c;font-size:1rem}.banner .content-text{line-height:1.375rem}.development .develop-row.first .develop-item{border-top:.0625rem solid #dfe9fa}@media screen and (max-width:576px){.development .develop-row.first .second-item{border-top:0}}.development .develop-row .develop-item{width:45%;border-bottom:.0625rem solid #dfe9fa;padding:1rem 0}@media screen and (max-width:576px){.development .develop-row .develop-item{width:100%}}.development .develop-row .develop-item .text-wrapper{-ms-flex:1;flex:1;padding-left:2rem;line-height:1.875rem;font-size:.75rem}.development .develop-row .develop-item .icon-wrapper{transition:all .1s ease-in;background-color:#e0efff;width:3.75rem;height:3.75rem;line-height:3.75rem;border-radius:50%;color:#1678ff;text-align:center}.development .develop-row .develop-item .icon-wrapper i{font-size:1.875rem}.welfare{background-color:#f5f7fc}.welfare .welfare-items-wrapper .welfare-item{width:22%;background:#fff;border-radius:.9375rem;transition:all .3s ease}@media screen and (max-width:767px){.welfare .welfare-items-wrapper .welfare-item{width:47%}}.welfare .welfare-items-wrapper .welfare-item:hover{transform:translateY(-.3125rem);box-shadow:0 .5rem .875rem 0 #b7d6f9}.welfare .welfare-items-wrapper .welfare-item:hover .icon-wrapper{background-color:#1ee8a9;width:3.75rem;height:3.75rem;line-height:3.75rem;border-radius:50%;color:#fff;text-align:center}.welfare .welfare-items-wrapper .welfare-item .icon-wrapper{transition:all .1s ease-in;background-color:#e2f2f1;width:3.75rem;height:3.75rem;line-height:3.75rem;border-radius:50%;color:#1ee8a9;text-align:center}.welfare .welfare-items-wrapper .welfare-item .icon-wrapper i{font-size:1.875rem}.welfare .welfare-items-wrapper .welfare-item .item-text{font-size:.75rem;color:#53627c}.recruit #toLagou{color:#1678ff;cursor:pointer}.recruit .recruit-items-wrapper .recruit-item{z-index:1;padding:1.25rem 1rem;border:.0625rem solid #1678ff;box-shadow:0 .5rem .625rem 0 #e8f3ff;border-radius:.625rem;width:30%;height:19rem}@media screen and (max-width:375px){.recruit .recruit-items-wrapper .recruit-item{width:80%;margin-bottom:1.5rem}}.recruit .recruit-items-wrapper .recruit-item .icon-wrapper,.recruit .recruit-items-wrapper .recruit-item span{color:#1678ff}.recruit .recruit-items-wrapper .recruit-item .icon-wrapper i{font-size:3.75rem}.recruit .recruit-items-wrapper .recruit-item .recruit-item-title{font-size:1rem;color:#0a1f44}.contact{background-color:#f5f7fc}.contact .w-92{width:92%}.contact .contact-text .content-text{font-size:.75rem}.contact .contact-text .title{color:#0a1f44;height:3.75rem;line-height:3.75rem;border-bottom:.0625rem solid #dfe9fa}.contact .map{min-height:12.5rem;background-color:#fff}.recruit-wrapper{position:relative;height:-webkit-max-content;height:max-content;min-height:31.25rem}.recruit-wrapper .content-text{text-align:center}.recruit-wrapper:before{display:block;content:"";width:100%;position:absolute;top:0;left:0;right:0}.recruit-wrapper .bg-text{position:relative;top:5rem}.recruit-wrapper .bg-text .text{text-align:center;color:#fff}.recruit-wrapper .bg-text .text .title{height:5rem;line-height:5rem;font-size:1.625rem}.recruit-wrapper .bg-text .text .desc{font-size:1rem}.recruit-wrapper .tabs-wrapper{position:relative;z-index:1}.recruit-wrapper .tabs-wrapper .tabs{box-shadow:0 .1875rem .1875rem #e6ecf3;background-color:#fff;padding-top:1.875rem}.recruit-wrapper .tabs-wrapper .tabs #tab-header{display:-ms-flexbox;display:flex;background-color:#ebedf3;color:#48606b;height:2rem;line-height:2rem}.recruit-wrapper .tabs-wrapper .tabs #tab-header>li{-ms-flex:1;flex:1;text-align:center;box-sizing:border-box;transition:all .1s linear;margin-top:-.0625rem;font-size:.875rem;cursor:pointer}.recruit-wrapper .tabs-wrapper .tabs #tab-header>li.active{border-top:.1875rem solid #459ef6;background-color:#fff;color:#459ef6}.recruit-wrapper .tabs-wrapper .tabs #tab-body{margin-top:.625rem}.recruit-wrapper .tabs-wrapper .tabs #tab-body tr{transition:all 3s linear}.recruit-wrapper .tabs-wrapper .tabs #tab-body tr td{font-size:.875rem;text-align:center;border:0;transition:all .1s linear}.recruit-wrapper .tabs-wrapper .tabs #tab-body tr td .content-wrapper{padding:0 2.5rem;text-align:left;color:#01405f;border-bottom:.0625rem solid #ebedf3}.recruit-wrapper .tabs-wrapper .tabs #tab-body tr td .content-wrapper .title{margin-top:1.25rem;font-size:1.0625rem;height:2.5rem}.recruit-wrapper .tabs-wrapper .tabs #tab-body tr td .content-wrapper .content>li{line-height:2.25rem}.recruit-wrapper .tabs-wrapper .tabs #tab-body tr td .content-wrapper .apply-btn{cursor:pointer;margin:1.25rem auto 0;color:#fff;line-height:2.5rem;text-align:center;width:13.75rem;height:2.5rem;background:linear-gradient(90deg,#3abdfa,#007af2);border-radius:.3125rem;transition:all .3s ease;display:block}.recruit-wrapper .tabs-wrapper .tabs #tab-body tr td .content-wrapper .apply-btn:hover{background-position:-13.75rem}.recruit-wrapper .tabs-wrapper .tabs #tab-body tr.click td,.recruit-wrapper .tabs-wrapper .tabs #tab-body tr.hover td{background:#f3f6f9;color:#4a90e2}.recruit-wrapper .tabs-wrapper .tabs #tab-body tr.expand td{background:#fff}.job{overflow:hidden}#jobs .body-tr td{font-size:.75rem;line-height:2rem;padding-left:2.5rem;color:#333}#jobs .body-tr td h3{font-size:.85rem;margin-top:1rem;margin-left:-1.5rem}#jobs .body-tr td h3:first-child{margin-top:0}.head-tr td b.tag{color:#fff;background-color:red;font-weight:400;font-size:.75rem;padding:.0625rem .375rem;border-radius:.8125rem;display:inline-block;margin-left:.3125rem}
/*# sourceMappingURL=index.88d27cac6.css.map*/