@charset "UTF-8";
/**设置cssfun方法**/
.wrap { width: 100vw; user-select: none; }

.wrap > .main { width: 100%; background: url(https://navigatesummit.h3c.com/production/cn/mobile/images/schedule/bg.jpg) no-repeat top; background-color: #06183a; background-size: cover; position: relative; margin-top: 12.66667vw; padding-bottom: 4vw; }

.wrap > .main .main_content { max-width: 100%; padding: 0 2.66667vw; margin: 0 auto; overflow: hidden; }

.wrap > .main .main_content .speakers_title { font-size: 6.4vw; color: #fff; line-height: 1.5em; text-align: center; margin: 6.66667vw auto 7.33333vw; display: flex; align-items: center; justify-content: center; }

.wrap > .main .main_content .speakers_title img { display: block; width: 16vw; margin-right: 1rem; }

.wrap > .main .main_content .speakers_title span { margin-left: 1.46667vw; }

.wrap > .main .main_content .module { width: 81.6vw; margin: 0 auto; position: relative; }

.wrap > .main .main_content .module .module_title { font-size: 4vw; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; margin-top: 8.53333vw; margin-bottom: 6vw; }

.wrap > .main .main_content .module .module_title img { width: 3.86667vw; height: 6vw; margin-right: 1.6vw; }

.wrap > .main .main_content .module_1 .show_wrap, .wrap > .main .main_content .module_3 .show_wrap { width: 81.6vw; height: 45.86667vw; cursor: pointer; position: relative; margin: 0 auto; }

.wrap > .main .main_content .module_1 .show_wrap .cover, .wrap > .main .main_content .module_3 .show_wrap .cover { width: 100%; height: 100%; }

.wrap > .main .main_content .module_1 .show_wrap .mask, .wrap > .main .main_content .module_3 .show_wrap .mask { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); }

.wrap > .main .main_content .module_1 .show_wrap .play_btn, .wrap > .main .main_content .module_3 .show_wrap .play_btn { width: 6.26667vw; height: 6.26667vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.wrap > .main .main_content .module_1 .show_wrap .title, .wrap > .main .main_content .module_3 .show_wrap .title { min-height: 7.33333vw; display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 3.2vw; line-height: 4.66667vw; font-weight: bold; box-sizing: border-box; padding: 0 2.53333vw; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to right, #4A7BAD 50%, rgba(0, 0, 0, 0.5)); }

.wrap > .main .main_content .module_1 .show_wrap .title span, .wrap > .main .main_content .module_3 .show_wrap .title span { font-size: 3.2vw; color: #F39800; font-weight: normal; }

.wrap > .main .main_content .module_1 .video_wrap { margin-top: 2.66667vw; position: relative; }

.wrap > .main .main_content .module_1 .video_wrap .swiper-container { display: flex; }

.wrap > .main .main_content .module_1 .video_wrap .swiper-slide { width: 39.46667vw !important; height: 22.4vw; color: #fff; position: relative; cursor: pointer; }

.wrap > .main .main_content .module_1 .video_wrap .swiper-slide .mask { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); }

.wrap > .main .main_content .module_1 .video_wrap .swiper-slide img:first-of-type { width: 39.46667vw; height: 22.4vw; }

.wrap > .main .main_content .module_1 .video_wrap .swiper-slide img:last-of-type { width: 4.93333vw; height: 4.93333vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.wrap > .main .main_content .module_1 .video_wrap .swiper-slide .title { width: 100%; min-height: 4.26667vw; color: #fff; font-size: 2.66667vw; box-sizing: border-box; padding: 0 1.6vw; position: absolute; bottom: 0; left: 0; background: linear-gradient(to right, #4A7BAD 50%, rgba(0, 0, 0, 0.5)); }

.wrap > .main .main_content .module_1 .video_wrap .swiper-slide .title span { width: 100%; min-height: 4.26667vw; line-height: 4.26667vw; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.wrap > .main .main_content .module_1 .video_wrap .swiper-button-next, .wrap > .main .main_content .module_1 .video_wrap .swiper-button-prev { position: absolute; top: 55%; z-index: 10; width: 0; height: 0; border-top: 5.33333vw solid #4A7BAD; border-right: 5.33333vw solid transparent; cursor: pointer; margin-top: 0; transform: translateY(-50%) rotate(-45deg); background: none; }

.wrap > .main .main_content .module_1 .video_wrap .swiper-button-prev { left: -5.33333vw; }

.wrap > .main .main_content .module_1 .video_wrap .swiper-button-prev::after { content: ""; }

.wrap > .main .main_content .module_1 .video_wrap .swiper-button-next { right: -5.33333vw; transform: translateY(-50%) rotate(135deg); }

.wrap > .main .main_content .module_1 .video_wrap .swiper-button-next::after { content: ""; }

.wrap > .main .main_content .module_2 { min-height: 86.66667vw; }

.wrap > .main .main_content .module_2 .swiper-slide { width: 81.6vw !important; min-height: 74.93333vw; color: #fff; }

.wrap > .main .main_content .module_2 .swiper-slide .cover { width: 100%; height: 45.86667vw; position: relative; cursor: pointer; }

.wrap > .main .main_content .module_2 .swiper-slide .cover img:first-of-type { width: 100%; height: 100%; }

.wrap > .main .main_content .module_2 .swiper-slide .cover img:last-of-type { width: 6.26667vw; height: 6.26667vw; position: absolute; bottom: 3.2vw; left: 3.2vw; }

.wrap > .main .main_content .module_2 .swiper-slide .info_wrap { width: 100%; box-sizing: border-box; padding: 0 2.66667vw; background: rgba(0, 0, 0, 0.2); }

.wrap > .main .main_content .module_2 .swiper-slide .info_wrap .title { padding: 2.66667vw 0 3.06667vw; font-size: 3.2vw; font-weight: bold; line-height: 4vw; border-bottom: 1px solid rgba(255, 255, 255, 0.5); height: 13.33333vw; box-sizing: border-box; display: flex; align-items: center; }

.wrap > .main .main_content .module_2 .swiper-slide .info_wrap .introduce { font-size: 2.93333vw; line-height: 5.46667vw; margin-top: 2.13333vw; padding-bottom: 2vw; word-break: break-word; min-height: 40vw; box-sizing: border-box; }

.wrap > .main .main_content .module_2 .swiper-button-next, .wrap > .main .main_content .module_2 .swiper-button-prev { position: absolute; top: 55%; width: 5.86667vw; height: 11.46667vw; z-index: 10; cursor: pointer; background-size: 5.86667vw 11.46667vw; background-position: center; background-repeat: no-repeat; margin-top: 0; }

.wrap > .main .main_content .module_2 .swiper-button-prev { background-image: url(https://navigatesummit.h3c.com/production/cn/global/playback/img/icon_check_arrow.png); left: -6.66667vw; transform: translateY(-50%); }

.wrap > .main .main_content .module_2 .swiper-button-prev::after { content: ""; }

.wrap > .main .main_content .module_2 .swiper-button-next { background-image: url(https://navigatesummit.h3c.com/production/cn/global/playback/img/icon_check_arrow.png); right: -6.66667vw; transform: translateY(-50%) rotate(180deg); }

.wrap > .main .main_content .module_2 .swiper-button-next::after { content: ""; }

.wrap > .main .main_content .module_2 .swiper-pagination { width: 100%; margin-top: 1.33333vw; }

.wrap > .main .main_content .module_2 .swiper-pagination-bullet { width: 2.13333vw; height: 2.13333vw; background: #4B79AA; position: relative; margin: 0 4px; border-radius: 50%; opacity: 0.4; }

.wrap > .main .main_content .module_2 .swiper-pagination-bullet-active { width: 2.13333vw; height: 2.13333vw; background: none; position: relative; background: #4B79AA; opacity: 1; }

.wrap > .main .main_content .module_3 .tab_wrap { display: flex; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; }

.wrap > .main .main_content .module_3 .tab_wrap li { width: 39.46667vw; height: 8vw; display: flex; justify-content: center; align-items: center; font-size: 3.2vw; font-weight: bold; color: #fff; background: rgba(0, 0, 0, 0.2); border-radius: 4px; cursor: pointer; margin-bottom: 2.66667vw; }

.wrap > .main .main_content .module_3 .tab_wrap li img { width: 4.8vw; height: 4.8vw; margin-right: 1.6vw; }

.wrap > .main .main_content .module_3 .tab_wrap li.active { background: #4B79AA; }

.wrap > .main .main_content .module_3 .tab_wrap li:last-of-type { width: 100%; }

.wrap > .main .main_content .module_3 .show_wrap .title { height: 7.33333vw; display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 3.2vw; font-weight: bold; box-sizing: border-box; padding: 0 2.53333vw; position: absolute; bottom: 0; left: 0; right: 0; background: none; }

.wrap > .main .main_content .module_3 .show_wrap .title span { font-size: 3.2vw; color: #F39800; font-weight: normal; }

.wrap > .main .main_content .module_3 .img_wrap { margin-top: 2.66667vw; position: relative; }

.wrap > .main .main_content .module_3 .img_wrap .swiper-container { display: flex; }

.wrap > .main .main_content .module_3 .img_wrap .swiper-slide { width: 25.86667vw !important; height: 14.66667vw; color: #fff; position: relative; cursor: pointer; }

.wrap > .main .main_content .module_3 .img_wrap .swiper-slide .mask { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); }

.wrap > .main .main_content .module_3 .img_wrap .swiper-slide img:first-of-type { width: 25.86667vw; height: 14.66667vw; }

.wrap > .main .main_content .module_3 .img_wrap .swiper-button-next, .wrap > .main .main_content .module_3 .img_wrap .swiper-button-prev { position: absolute; top: 55%; z-index: 10; width: 0; height: 0; border-top: 5.33333vw solid #4A7BAD; border-right: 5.33333vw solid transparent; cursor: pointer; margin-top: 0; transform: translateY(-50%) rotate(-45deg); background: none; }

.wrap > .main .main_content .module_3 .img_wrap .swiper-button-prev { left: -5.33333vw; }

.wrap > .main .main_content .module_3 .img_wrap .swiper-button-prev::after { content: ""; }

.wrap > .main .main_content .module_3 .img_wrap .swiper-button-next { right: -5.33333vw; transform: translateY(-50%) rotate(135deg); }

.wrap > .main .main_content .module_3 .img_wrap .swiper-button-next::after { content: ""; }

.videoPopup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background: rgba(0, 0, 0, 0.7); }

.videoPopup .videoPopupMain { width: 900px; position: absolute; max-width: 85%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }

.videoPopup .videoPopupMain .videoBox { position: relative; width: 100%; padding-bottom: 56.25%; }

.videoPopup .videoPopupMain .videoBox .alertVideo { position: absolute; left: 0; top: 0; display: block; width: 100%; background: #000; height: 100%; }

.videoPopup .closeVideoPopup { display: block; width: 6.66667vw; height: 6.66667vw; position: absolute; right: 0; top: -8vw; z-index: 5; background: url(https://navigatesummit.h3c.com/production/global/img/icon_closeBtn.png) no-repeat center; border-radius: 50%; background-size: 70%; }

.coverImg { max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }