.webinar-item-card{background:#fff;border-radius:8px;box-shadow:0 0 30px 0 rgba(0,0,0,.1);flex-shrink:0;height:556px;margin-bottom:40px;margin-right:38px;overflow:hidden;width:373px}.webinar-item-card:nth-child(3n+3){margin-right:0}.webinar-item-card .webinar-item-thumb{background-color:hsla(0,0%,85%,.5);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;height:210px;position:relative;width:373px}.webinar-item-card .webinar-item-thumb .play{background-image:url(img/47987b9b.svg);background-position:50%;background-repeat:no-repeat;content:"";cursor:pointer;display:block;filter:drop-shadow(0 0 20px rgba(0,0,0,.1));height:48px;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}.webinar-item-card .webinar-item-thumb .play:hover{transform:translate(-50%,-50%) scale(1.1)}.webinar-item-card .webinar-item-content{padding:20px 20px 0}.webinar-item-card .webinar-item-content .webinar-item-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#333;cursor:pointer;display:-webkit-box;font-size:18px;font-style:normal;font-weight:500;height:56px;line-height:28px;overflow:hidden;text-overflow:ellipsis}.webinar-item-card .webinar-item-content .webinar-item-desc{-webkit-box-orient:vertical;-webkit-line-clamp:5;color:#666d7c;display:-webkit-box;font-size:14px;font-style:normal;font-weight:400;height:120px;line-height:24px;margin-top:10px;overflow:hidden;text-overflow:ellipsis}.webinar-item-card .webinar-item-content .webinar-item-meta-container{height:42px;margin-top:20px}.webinar-item-card .webinar-item-content .webinar-item-meta-container .webinar-item-meta-item{align-items:center;display:flex;height:16px}.webinar-item-card .webinar-item-content .webinar-item-meta-container .webinar-item-meta-item .icon{height:16px;width:16px}.webinar-item-card .webinar-item-content .webinar-item-meta-container .webinar-item-meta-item .text{color:#333;font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin-left:4px}.webinar-item-card .webinar-item-content .webinar-item-meta-container .webinar-item-meta-item.date{display:inline-flex}.webinar-item-card .webinar-item-content .webinar-item-meta-container .webinar-item-meta-item.date .icon{background:url(img/18999fd3.svg)}.webinar-item-card .webinar-item-content .webinar-item-meta-container .webinar-item-meta-item.time{display:inline-flex;margin-left:20px}.webinar-item-card .webinar-item-content .webinar-item-meta-container .webinar-item-meta-item.time .icon{background:url(img/b4f74bfb.svg)}.webinar-item-card .webinar-item-content .webinar-item-meta-container .webinar-item-meta-item.speaker{margin-top:6px}.webinar-item-card .webinar-item-content .webinar-item-meta-container .webinar-item-meta-item.speaker .icon{background:url(img/2131b175.svg)}.webinar-item-card .webinar-item-content .webinar-item-action-container{align-items:center;border-top:1px solid #dde0e5;cursor:pointer;display:flex;height:57px;justify-content:space-between;margin-top:20px;user-select:none}.webinar-item-card .webinar-item-content .webinar-item-action-container .webinar-item-action-text{align-items:center;display:flex}.webinar-item-card .webinar-item-content .webinar-item-action-container .webinar-item-action-text .icon{background:url(img/aa5b7f70.svg);flex-shrink:0;height:16px;width:16px}.webinar-item-card .webinar-item-content .webinar-item-action-container .webinar-item-action-text .text{color:#0074ff;font-size:14px;font-style:normal;font-weight:400;line-height:16px;margin-left:4px}.webinar-item-card .webinar-item-content .webinar-item-action-container .webinar-item-action-icon{background:url(img/e8960d8d.svg);flex-shrink:0;height:16px;width:16px}@media(max-width:1278px){.webinar-item-card:nth-child(2n+2){margin-right:0}.webinar-item-card:nth-child(odd){margin-right:38px}}@media(max-width:866px){.webinar-item-card{height:auto;margin-right:0}.webinar-item-card:nth-child(3n+3),.webinar-item-card:nth-child(odd){margin-right:0}.webinar-item-card .webinar-item-content .webinar-item-desc,.webinar-item-card .webinar-item-content .webinar-item-meta-container,.webinar-item-card .webinar-item-content .webinar-item-title{height:auto}}@media(max-width:450px){.webinar-item-card{height:auto;margin-bottom:20px;width:100%}.webinar-item-card .webinar-item-thumb{height:calc(56.25vw - 22.5px);width:100%}.webinar-item-card .webinar-item-content .webinar-item-title{font-size:15px;font-weight:500;height:auto;line-height:23px}.webinar-item-card .webinar-item-content .webinar-item-desc{font-size:12px;font-weight:400;height:auto;line-height:20px}.webinar-item-card .webinar-item-content .webinar-item-meta-container{height:auto;margin-top:16px}.webinar-item-card .webinar-item-content .webinar-item-meta-container .webinar-item-meta-item .text{font-size:12.6px;font-weight:400;line-height:21.6px}.webinar-item-card .webinar-item-content .webinar-item-action-container{height:46px;margin-top:16px}.webinar-item-card .webinar-item-content .webinar-item-action-container .webinar-item-action-text .text{font-size:13px;font-weight:400;line-height:16px}}.webinar-container{background:#f5f5f8;box-sizing:border-box;flex-shrink:0;width:100%}.webinar-container .nav-banner-container{background-image:url(img/b82101ce.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-shrink:0;height:340px;justify-content:center;width:100%}.webinar-container .nav-banner-container .nav-banner{display:flex;flex-direction:column;justify-content:center;width:1200px}.webinar-container .nav-banner-container .nav-banner .nav-title{color:#333;font-size:48px;font-style:normal;font-weight:500;line-height:normal;max-width:650px}.webinar-container .nav-banner-container .nav-banner .nav-desc{color:#666d7c;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px;max-width:650px}.webinar-container .webinar-list-container{display:flex;justify-content:center;padding:60px 0}.webinar-container .webinar-list-container .webinar-list{display:flex;flex-wrap:wrap;width:1200px}@media(max-width:1278px){.webinar-container .nav-banner-container .nav-banner,.webinar-container .webinar-list-container .webinar-list{width:786px}}@media(max-width:866px){.webinar-container .nav-banner-container{background-image:url(img/69c86952.jpg)}.webinar-container .nav-banner-container .nav-banner,.webinar-container .webinar-list-container .webinar-list{width:373px}}@media(max-width:450px){.webinar-container .nav-banner-container{background-image:url(img/69c86952.jpg)}.webinar-container .nav-banner-container .nav-banner{width:calc(100vw - 40px)}.webinar-container .nav-banner-container .nav-banner .nav-title{font-size:28px;font-style:normal;font-weight:700;line-height:40px;width:260px}.webinar-container .nav-banner-container .nav-banner .nav-desc{-webkit-box-orient:vertical;-webkit-line-clamp:5;display:-webkit-box;font-size:14px;font-style:normal;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;width:260px}.webinar-container .webinar-list-container{padding:30px 0 50px}.webinar-container .webinar-list-container .webinar-list{width:calc(100vw - 40px)}}