.App{width:100vw;height:100vh;background-color:#f8f8f8;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}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:0;padding-left:0}.btn-primary,.btn-primary:active,.btn-primary:hover{color:#fff;background-color:#d42d3d!important;border-color:#d42d3d!important}.btn-outline-primary:focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(212,45,61,.5)}.btn-outline-primary{color:#d42d3d;border-color:#d42d3d}.btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#d42d3d;border-color:#d42d3d}.openinfra-2021{width:100%;padding:50px 0}.openinfra-2021 .title-h2{font-size:45px;font-weight:500;color:#000;margin-bottom:21px;text-align:center}.openinfra-2021 .title-info{font-size:18px;font-weight:400;color:#999;text-align:center;margin-bottom:0}.openinfra-2021 .ms-56{margin-left:48px}.openinfra-2021 .mb-57{margin-bottom:57px}.openinfra-2021 .mb-38{margin-bottom:38px}.openinfra-2021 .mb-10{margin-bottom:10px}.openinfra-2021 .mt-224{margin-top:64px}.openinfra-2021 .mt-78{margin-top:78px}.openinfra-2021 .btn-big{padding:8px 39px;font-size:30px}.openinfra-2021 .swiper-button-next.swiper-button-disabled,.openinfra-2021 .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-btn{padding:6px 26px}#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{padding:127px 0 90px;background-image:url(https://static.segmentfault.com/business_activity/20641db4/_next/static/media/head-bg.83a130a6.jpg);background-size:cover;background-repeat:no-repeat;background-position:top}#header .content{padding-right:13px}#header .name{font-size:36px;height:36px;color:#080709;line-height:36px;margin-bottom:50px;position:relative;display:flex;align-items:center}#header .name .line{width:2px;height:100%;margin:0 20px}#header .name span:first-child{font-size:40px;line-height:40px;height:40px}#header h1{font-size:57px;color:#030000;font-weight:700;margin-bottom:20px}#header h3{font-size:35px;color:#030000;font-weight:400;margin-bottom:30px}#header .date{font-size:36px;color:#d42d3d}#header .date span{font-size:40px}#header .head-icon{width:59px;height:48px;margin:-120px 0 0 -10px}#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}#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:154px 0 0}#volunteer .img-wrap{width:19.3%;position:relative}#volunteer .img-wrap img{width:100%}#volunteer .img-wrap .info-wrap{position:absolute;left:14px;bottom:17px;color:#fff}#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:0 28px}#sponsor .icon-wrap2 img:nth-child(3){margin-right:28px}#introduce{padding:78px 0 84px;background:#fff;margin-top:92px}#introduce .cpntent{background:#e3e9eb}#introduce img{width:100%;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://static.segmentfault.com/business_activity/20641db4/_next/static/media/bg-footer.6d96e9ff.jpg);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:165px;height:55px}#partner .img-wrap2 img:first-child,#partner .img-wrap2 img:nth-child(2),#partner .img-wrap2 img:nth-child(3),#partner .img-wrap2 img:nth-child(4),#partner .img-wrap2 img:nth-child(5){margin-right:8px}#partner .img-wrap2 img:first-child{width:150px}#partner .img-wrap2 img:nth-child(5){width:127px}#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-2021 .container{padding-left:0;padding-right:0}.openinfra-2021 .mb-57{margin-bottom:31px}.openinfra-2021 .mb-38{margin-bottom:14px}.openinfra-2021 .mt-224{margin-top:20px}.openinfra-2021 .mt-78{margin-top:44px}.openinfra-2021 .title-h2{font-size:30px;margin-bottom:13px}.openinfra-2021 .title-info{font-size:14px}.openinfra-2021 .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{padding:350px 0 30px;box-sizing:border-box;background-image:url(https://static.segmentfault.com/business_activity/20641db4/_next/static/media/head-bg2.b5ee4fc1.jpg);display:flex;text-align:center}#header,#header .name{justify-content:center}#header .name{font-size:22px;height:22px;line-height:22px;margin-bottom:20px}#header .name .line{margin:0 12px}#header .name span:first-child{font-size:19px;line-height:22px;height:22px}#header h1{font-size:26px;margin-bottom:16px}#header h3{font-size:18px;margin-bottom:12px}#header .date{font-size:18px;color:#d42d3d}#header .date span{font-size:22px}#header .head-icon{position:absolute;top:-20px;right:-20px;width:25px;height:19px;margin:0}#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:87px 20px 0}#volunteer .img-wrap{width:129px;position:relative}#volunteer .img-wrap img{width:100%}#volunteer .img-wrap .info-wrap{left:6px;bottom:9px}#volunteer .img-wrap .name{font-size:14px;margin-bottom:5px}#volunteer .img-wrap .info{font-size:12px;line-height:12px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}#volunteer .img-wrap2{width:32%}#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:150px}#sponsor .icon-wrap2 img:first-child{margin-bottom:12px}#sponsor .icon-wrap2 img:nth-child(2){margin:0 0 0 8px}#sponsor .icon-wrap2 img:nth-child(3){margin-right:8px}#introduce{padding:0 0 34px;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 32px;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{width:130px;height:auto}#partner .mb{margin-bottom:7px}#partner .img-wrap2 img{width:100px;height:auto}#partner .img-wrap2 img:nth-child(2),#partner .img-wrap2 img:nth-child(5){margin:0 8px}#partner .img-wrap2 img:first-child,#partner .img-wrap2 img:nth-child(3),#partner .img-wrap2 img:nth-child(4){margin-right:0}#partner .img-wrap2 img:first-child,#partner .img-wrap2 img:nth-child(5){width:100px}#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)}}