body{background-color:var(--color-background)}.main>div:nth-child(1){padding:20px;display:grid;grid-template-columns:3fr 2fr;grid-row-gap:40px;grid-column-gap:40px;margin-top:30px;background-color:#fff}.main>div:nth-child(1) .swiper{width:100%;height:410px;overflow:hidden;border-radius:6px}.main>div:nth-child(1) .swiper .swiper-wrapper .swiper-slide .title{position:absolute;bottom:0;left:0;padding:0 140px 0 20px;width:100%;height:40px;color:#fff;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:rgba(0,0,0,.4862745098)}.main>div:nth-child(1) .swiper .swiper-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main>div:nth-child(1) .swiper .swiper-pagination{bottom:10px;text-align:right;padding-right:30px}.main>div:nth-child(2),.main>div:nth-child(3){padding:20px;display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:40px;grid-column-gap:40px;margin-top:30px;background-color:#fff}.docs .keynote{padding-bottom:15px;display:flex;align-items:center;border-bottom:1px solid var(--color-border)}.docs .keynote .date{margin-right:20px;min-width:70px;width:70px;height:70px;border-radius:10px;padding:4px;background-color:var(--color-blue)}.docs .keynote .date :first-child{font-size:14px;font-weight:700;line-height:31px;color:#fff;text-align:center}.docs .keynote .date :last-child{font-size:18px;font-weight:700;line-height:31px;background-color:#fff;text-align:center;border-radius:0 0 6px 6px}.docs .keynote a:nth-child(2){display:grid;grid-template-columns:repeat(1, 1fr);grid-row-gap:10px}.docs .keynote a:nth-child(2) p:first-child{color:var(--color-black);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs .keynote a:nth-child(2) p:last-child{font-size:14px;color:var(--color-gray);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.docs .keynote a:nth-child(2):hover p{color:#007fe4}@media screen and (max-width: 992px){.main>div:nth-child(1),.main>div:nth-child(2),.main>div:nth-child(3){grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 768px){.main>div:nth-child(1) .swiper{height:310px}}