.App{width:100vw;height:100vh;background-color:#f4f7fc;overflow-x:hidden}.text-truncate-1,.text-truncate-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.text-truncate-2{-webkit-line-clamp:2}.btn-primary,.btn-primary:active,.btn-primary:hover{color:#fff;background-color:#e60036!important;border-color:#e60036!important}.btn-outline-primary:focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(212,45,61,.5)}.btn-outline-primary{color:#e60036;border-color:#e60036}.btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#e60036;border-color:#e60036}.openinfra-2022{width:100%;padding:55px 0}.openinfra-2022 .title-h2{font-size:45px;font-weight:500;color:#000;margin-bottom:21px;text-align:center}.openinfra-2022 .title-info{font-size:18px;font-weight:400;color:#999;text-align:center;margin-bottom:0}.openinfra-2022 .ms-56{margin-left:48px}.openinfra-2022 .mb-57{margin-bottom:57px}.openinfra-2022 .mt-100{margin-top:100px}.openinfra-2022 .mb-38{margin-bottom:38px}.openinfra-2022 .mb-10{margin-bottom:10px}.openinfra-2022 .mt-224{margin-top:64px}.openinfra-2022 .mt-78{margin-top:78px}.openinfra-2022 .btn-big{padding:8px 39px;font-size:30px}.openinfra-2022 .swiper-button-next.swiper-button-disabled,.openinfra-2022 .swiper-button-prev.swiper-button-disabled{opacity:1;cursor:pointer}#navbar{box-sizing:border-box;background-color:#fff;padding:.25rem 1rem}#navbar .container{position:relative}#navbar .navbar-brand img{width:158px}#navbar .nav-link{color:#5b5b5b}#navbar .nav-active{color:#d32d3d}#navbar .nav-link2{color:#d32d3d;font-size:18px}#navbar .nav-logo:first-child{margin-right:2rem}#navbar .nav-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}#navbar .nav-icon img{width:18px}#navbar .icon-2{transform-style:preserve-3d;animation:rotate 1.5s linear infinite}.mobileNav{position:absolute;top:46px;left:-22px;width:100vw;height:100vh;box-sizing:border-box;background-color:rgba(0,0,0,.5);z-index:-1}.mobileNav .navbar-nav{width:50vw;height:100%;padding:0 20px 0 32px;box-sizing:border-box;background-color:#fff}.mobileNav .collapsing{transition:none!important;display:none}.mobileNav .item{padding:10px 0;border-bottom:1px solid gray}.mobileNav .nav-link{padding:0;line-height:45px}.mobileNav .nav-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.mobileNav .nav-icon img{width:16px}.mobileNav .icon-2{transform-style:preserve-3d;animation:rotate 1.5s linear infinite}#header{position:relative;background-image:url(https://image-static.segmentfault.com/185/449/1854490508-62a064070e7e7);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:160px 0 120px}#header .btns{width:100%}#guest{padding:105px 0 129px}#guest .item{position:relative;height:100%;color:#000;background-size:100% auto;background-repeat:no-repeat;background-color:#f0f1fd;padding:23px 21px 0;display:flex;flex-direction:column;justify-content:space-between}#guest .js-wrap{padding:0}#guest .avatar{width:100%;height:auto;margin-top:10px}#guest .info-wrap{width:100%;box-sizing:border-box;top:0;left:0;z-index:2}#guest .title{font-size:19px;font-weight:600;margin-bottom:.5rem}#guest .name{font-size:16px;line-height:16pxs;font-weight:700}#guest .info{font-size:14px;font-weight:400}#volunteer{padding:80px 0 0}#volunteer .img-wrap{width:19.3%;position:relative}#volunteer .img-wrap img{width:100%}#volunteer .img-wrap .info-wrap{position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box;padding:14px;color:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.6))}#volunteer .img-wrap .name{font-size:20px;line-height:1;margin-bottom:10px}#volunteer .img-wrap .info{font-size:14px;line-height:1.2}#sponsor{padding:140px 0 0}#sponsor .sponsor-title{font-size:30px;font-weight:500;color:#000;margin:84px 0 32px}#sponsor .sponsor-title img{width:40px}#sponsor .icon-wrap img{width:260px}#sponsor .sponsor-title2{margin:73px 0 32px}#sponsor .icon-wrap2 img{width:172px}#sponsor .icon-wrap2 img:nth-child(2){margin-left:28px}#sponsor .icon-wrap3 img{width:150px}#sponsor .icon-wrap3 img:nth-child(2){margin-left:28px}#introduce{padding:78px 0 84px;background:#fff;margin-top:92px}#introduce .cpntent{display:flex;align-items:flex-start}#introduce img{width:50%;height:100%;flex:none}#introduce .text{padding:38px 45px 31px;background:#e3e9eb;font-size:15px;line-height:24px}#partner{padding:45px 0 82px;background-image:url(https://image-static.segmentfault.com/296/681/2966818773-629eaff14601e);background-size:100% 100%;background-repeat:no-repeat}#partner .title-sm{margin:43px 0 23px;font-size:18px;text-align:center}#partner .title-sm2{margin:35px 0 20px}#partner .title-sm3{margin:31px 0 18px}#partner .img-wrap img{width:193px;height:65px}#partner .img-wrap2 img{width:auto;height:55px;margin-right:8px;margin-bottom:8px}#partner .img-wrap3 img{width:108px;height:66px}#partner .img-wrap3 img:nth-child(2){width:66px;margin-left:8px}@media(max-width:540px){.openinfra-2022{padding:50px 0}.openinfra-2022 .mb-57{margin-bottom:31px}.openinfra-2022 .mb-38{margin-bottom:14px}.openinfra-2022 .mt-224{margin-top:20px}.openinfra-2022 .mt-78{margin-top:44px}.openinfra-2022 .title-h2{font-size:30px;margin-bottom:13px}.openinfra-2022 .title-info{font-size:14px}.openinfra-2022 .btn-big{padding:10px 43px;font-size:20px}#navbar .navbar-brand img{width:124px}#navbar .nav-link{color:#5b5b5b}#navbar .nav-link2{color:#d32d3d;font-size:18px}#navbar .nav-btn{padding:6px 26px}#navbar .nav-logo:first-child{margin-right:2rem}#navbar .nav-icon{margin-right:8px}#navbar .nav-icon img{width:18px}#header{background-image:url(https://image-static.segmentfault.com/100/678/1006789521-62a0640c4b22e);background-position:top;background-size:cover;padding:60px 0 120px}#header .btns{margin-top:50px}#guest{padding:45px 20px}#guest .js-wrap{padding:0}#guest .avatar{width:100%;height:auto;margin-top:5px}#guest .item{padding:20px 21px 0}#guest .info-wrap{height:auto}#guest .title{font-size:15px;height:auto}#guest .name{font-size:13px;line-height:1;margin-bottom:5px}#guest .info{line-height:1.2;font-size:12px}#volunteer{padding:50px 20px 0}#volunteer .img-wrap{width:129px;position:relative}#volunteer .img-wrap img{width:100%}#volunteer .img-wrap .info-wrap{padding:10px}#volunteer .img-wrap .name{font-size:14px;margin-bottom:5px}#volunteer .img-wrap .info{font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}#volunteer .img-wrap2{width:48%}#volunteer .swiper-con{padding-bottom:50px}#sponsor{padding:50px 20px 0}#sponsor .mb-57{margin-bottom:0}#sponsor .sponsor-title{font-size:20px;margin:46px 0 22px}#sponsor .sponsor-title img{width:26.6px}#sponsor .icon-wrap img{width:160px;border-radius:0}#sponsor .icon-wrap>img:first-child,#sponsor .icon-wrap>img:nth-child(2){margin:0 0 12px}#sponsor .sponsor-title2{margin:22px 0}#sponsor .icon-wrap2 img{width:140px;margin-bottom:12px}#sponsor .icon-wrap2 img:nth-child(2){margin-left:8px}#sponsor .icon-wrap3 img{width:130px}#sponsor .icon-wrap3 img:nth-child(2){margin-left:8px}#introduce{padding:0;background:#fff;margin-top:40px}#introduce .cpntent{display:flex;flex-direction:column;align-items:center}#introduce img{width:100%}#introduce .line{width:53px;height:3px;background:#e80237;margin-bottom:21px}#introduce .text{padding:26px 30px 16px;font-size:12px;line-height:23px;border-left:20px solid #fff;border-right:20px solid #fff}#partner{padding:30px 0 32px}#partner .title-sm{margin:29px 0 15px;font-size:12px}#partner .title-sm2{margin:30px 0 20px}#partner .title-sm3{margin:30px 0 15px}#partner .img-wrap img{height:60px;width:auto}#partner .mb{margin-bottom:7px}#partner .img-wrap2 img{height:45px;margin-bottom:8px}#partner .img-wrap2 img:nth-child(2n){margin-right:0}#partner .img-wrap3 img{width:72px;height:auto}#partner .img-wrap3 img:nth-child(2){width:44px;height:auto}}@keyframes rotate{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}