/* 公共样式 */
/* 英文 font family */
@font-face {
  font-family: 'HelveticaNeueLTStd-BdCn_0';
  src: url('../../fonts/HelveticaNeueLTStd-BdCn_0.otf') format('opentype')
}

body {
  font-size: 14px;
  background: #ffffff;
  line-height: 24px;
  margin: 0px;
  color: #03234B;
  position: relative;
  font-family: "PingFangSC-Regular", Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, "Microsoft yahei", Arial, Helvetica, sans-serif
}

/* .foot1,.foot2 {
  position: relative;
  z-index: 22;
} */
@media (max-width: 1200px) {

  .foot1,
  .foot2 {
    overflow: visible;
  }
}

.pc-el {
  display: block;
}

.sp-el {
  display: none;
}

.divFlex {
  display: flex;
}

.divBlock {
  display: block !important;
}

.techMainContent {
  width: 1000px;
  margin: 0 auto;
  margin-top: 40px;
  padding-bottom: 80px;
  /* position: relative;
  z-index: 22; */
}

#agendaPage,
#keynotePage,
#applicationPage,
#demoPage,
#sponsorsPage {
  width: 100%;
  background-color: #f4f4f4;
  padding-bottom: 28px;
  background-image: url(../../images/tech_week2022/gplaypattern_m.png);
  background-repeat: repeat;
  /* filter: opacity(0.5); */
}

/* #agendaPage::after, #keynotePage::after, #applicationPage::after, #demoPage::after, #sponsorsPage::after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(../../images/tech_week2022/gplaypattern_m.png);
  background-repeat: repeat;
  opacity: 0.5;
  z-index: 0;
} */
.pcPageBanner,
.pcPageBanner img {
  /* width: 100%;
  min-height: 360px; */
}

.pcPageBanner {
  background-color: #03234B;
  /* position: relative;
  z-index: 22; */
}

.bg-ffcc00 {
  background-color: #ffcc00;
}

.bd-ffcc00 {
  border: 2px solid #ffcc00;
}

.fc-ffcc00 {
  color: #ffcc00;
}

.bg-eb1f8e {
  background-color: #eb1f8e;
}

.bd-eb1f8e {
  border: 2px solid #eb1f8e;
}

.fc-eb1f8e {
  color: #eb1f8e;
}

.bg-2b63c9 {
  background-color: #2b63c9;
}

.bd-2b63c9 {
  border: 2px solid #2b63c9;
}

.fc-2b63c9 {
  color: #2b63c9;
}

.bg-39a9dc {
  background-color: #39a9dc;
}

.bd-39a9dc {
  border: 2px solid #39a9dc;
}

.fc-39a9dc {
  color: #39a9dc;
}

.bg-26aa1f {
  background-color: #26aa1f;
}

.bd-26aa1f {
  border: 2px solid #26aa1f;
}

.fc-26aa1f {
  color: #26aa1f;
}

.warning {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 12px;
  color: rgba(3, 35, 75, 1);
  /* position: relative;
  z-index: 22; */
}

.warningIcon {
  width: 16px;
  height: 16px;
  background-image: url(../../images/tech_week2022/warning.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-top: 2px;
}

/* 活动导航栏 --begin */
.techTop {
  width: 100%;
  height: 108px;
  background-color: #03234b;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  /* position: relative;
  z-index: 22; */
}

.topMain {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.techLogo,
.techLogo img {
  width: 222px;
  height: 80px;
  cursor: pointer;
}

.techNavbar {
  width: calc(100% - 314px);
  height: 108px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.techNavbar ul {
  height: 104px;
  padding: 0;
  display: flex;
  justify-content: space-around;
}

.techNavbar ul li {
  padding-top: 28px;
  min-width: 120px;
  height: 104px;
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.techNavbar ul li span:first-child {
  font-weight: 600;
  font-size: 16px;
}

.techNavbar ul li span:last-child {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}

.regisBtn {
  width: 103px;
  height: 60px;
  background-color: #FFD202;
  color: #03234B;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: auto;
  margin-left: 8px;
}

.regisBtn div:first-child {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.regisIcon {
  width: 20px;
  height: 20px;
  background-image: url(../../images/tech_week2022/User-user-add-fill2n.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 4px;
}

.regisBtn div:last-child {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.navActive {
  color: #39A9DB;
  border-bottom: 2px solid #39A9DB;
}

.introBtn {
  width: 240px;
  height: 80px;
  background-color: #FFCC00;
  color: #000;
  position: fixed;
  top: 168px;
  right: 0;
  z-index: 99;
  overflow: hidden;
}

.introBtn a {
  width: 240px;
  height: 80px;
  display: block;
}

.introBtn .introBox {
  width: 240px;
  height: 80px;
  padding: 13px 16px;
}

.introBtn a:active,
.introBtn a:hover,
.introBtn a:link,
.introBtn a:visited {
  color: #000;
}

.introBtnIcon,
.introBtnIcon img {
  width: 48px;
  height: 48px;
}

.introBtnIcon {
  float: left;
  margin-right: 20px;
}

.introText {
  width: calc(100% - 80px);
  float: left;
}

.introText .livingTxt {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 4px;
}

.introText .livingTips {
  font-size: 14px;
  line-height: 20px;
}

/* 活动导航栏 --end */

/* 关于活动 --begin */
.techWeekHome {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;
  overflow: hidden;
}

.mainHome {
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}

.techWeekContent {
  width: 555px;
}

.techWeekContent .theme {
  width: 555px;
  background-color: #39a9db;
  padding: 38px 40px 24px 80px;
  position: relative;
  z-index: 20;
}

.themeTitle {
  font-family: 'HelveticaNeueLTStd-BdCn_0';
  font-weight: 600;
  color: #03234B;
}

.techWeekTitle {
  font-size: 40px;
  line-height: 44px;
  margin-bottom: 6px;
}

.techWeekTitle span:first-child {
  font-size: 40px;
}

.enTitle {
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
}

.enTitle span,
.activityCalendar span {
  display: block;
}

.activityCalendar span:last-child {
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  margin-top: 8px;
}

.activityCalendar {
  font-size: 40px;
  line-height: 44px;
  color: #fff;
  margin: 32px 0;
  font-weight: 600;
  font-family: 'HelveticaNeueLTStd-BdCn_0';
}

.activityCalendar span:first-child {
  display: flex;
  align-items: flex-start;
}

.activityCalendar span num {
  padding-top: 3px;
  display: inline-block;
}

.aboutEvent {
  font-size: 40px;
  margin-bottom: 20px;
  color: #03234B;
  font-weight: 600;
}

.aboutEvent span:last-child {
  font-family: 'HelveticaNeueLTStd-BdCn_0';
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  margin-left: 12px;
}

.eventContent {
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
}

.themeEn {
  width: 452px;
  background-color: #39a9db;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  padding: 0 40px 130px 80px;
  position: relative;
  z-index: 20;
  font-family: "PingFangSC-Regular", Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, "Microsoft yahei", Arial, Helvetica, sans-serif;
}

.techWeekBanner {
  width: calc(100% - 452px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 327px;
  z-index: 0;
}

.techWeekBanner img {
  width: 1593px;
  height: 100%;
}

@media screen and (max-width: 1700px) {
  .techWeekBanner {
    left: 227px;
  }
}

@media screen and (max-width: 1500px) {
  .techWeekBanner {
    left: 127px;
  }
}

@media screen and (max-width: 1400px) {
  .techWeekBanner {
    left: 100px;
  }
}

@media screen and (max-width: 1300px) {
  .techWeekBanner {
    left: 80px;
    top: -60px;
    height: calc(100% + 60px);
  }
}

@media screen and (max-width: 1200px) {
  .techWeekBanner {
    left: 60px;
    top: -60px;
    height: calc(100% + 60px);
  }
}

/* 关于活动 --end */

/* 日程表 --begin */
.agendaList {
  width: 1200px;
  margin: 0 auto;
  margin-top: 40px;
  padding-bottom: 80px;
  /* position: relative;
  z-index: 22; */
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.agendaCard {
  width: 225px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.agendaCard:hover {
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.10);
}

.dayBox,
.dateBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.dayBox {
  margin-right: 19px;
}

.agendaCard:last-child {
  margin-bottom: 0;
}

.datePart {
  width: 100%;
  color: #fff;
  padding: 12px 20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
}

.dayEn,
.dateEn {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.agendaCard:first-child .datePart {
  color: #000;
}

.schedulePart {
  width: 100%;
  padding: 12px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.dayThemeBlock {
  height: 42px;
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
}

.dayTheme.bg-26aa1f,
.dayThemeEn.bg-26aa1f {
  background-color: #fff;
  padding-bottom: 8px;
  border-bottom: 4px solid #26aa1f;
}

.dayTheme.bg-2b63c9,
.dayThemeEn.bg-2b63c9 {
  background-color: #fff;
  padding-bottom: 8px;
  border-bottom: 4px solid #2b63c9;
}

.dayTheme.bg-39a9dc,
.dayThemeEn.bg-39a9dc {
  background-color: #fff;
  padding-bottom: 8px;
  border-bottom: 4px solid #39a9dc;
}

.dayTheme.bg-eb1f8e,
.dayThemeEn.bg-eb1f8e {
  background-color: #fff;
  padding-bottom: 8px;
  border-bottom: 4px solid #eb1f8e;
}

.dayTheme.bg-ffcc00,
.dayThemeEn.bg-ffcc00 {
  background-color: #fff;
  padding-bottom: 8px;
  border-bottom: 4px solid #ffcc00;
}

.dayTheme {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.dayThemeEn {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.scheduleBlock {
  width: 100%;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.scheduleBlock ul li {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.scheduleBlock ul li:last-child {
  margin-bottom: 0;
}

.timePeriod {
  text-align: left;
}

.liveThemeEn {
  width: 100%;
  font-weight: 400;
}

/* 日程表 --end */

/* 主题演讲 --begin */
.addressersBox {
  width: 1200px;
  margin: 0 auto;
  margin-top: 40px;
  padding-bottom: 80px;
  /* position: relative;
  z-index: 22; */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.opening {
  width: 310px;
  display: flex;
  flex-direction: column;
  color: #fff;
  align-items: center;
  background-color: #39A9DB;
  padding: 20px 28px;
}

.opening .addresserPhoto,
.opening .addresserPhoto img {
  width: 108px;
  height: 108px;
}

.opening .addresserPhoto {
  margin: 0;
}

.openingTitle {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  line-height: 48px;
  font-weight: 600;
  margin-bottom: 18px;
}

.addresser {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}

.openingSpeech {
  margin-bottom: 4px;
}

.openingSpeechEn {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.starTime {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 16px;
  text-align: center;
}

.opening .addresserNameJob {
  width: 100%;
  text-align: center;
  margin: 16px 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
}

.opening .addresserNameJob span {
  display: block;
}

.opening .addresserNameJob span.addresserJob {
  /* display: flex; */
  width: 100%;
  flex-direction: column;
  align-items: center;
  color: #fff;
  margin: 0;
  order: 1;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
}

.opening .addresserName {
  margin-bottom: 16px;
}

.opening .addresserJobEn {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 4px;
  order: 2;
}

.keynoteCardBox {
  width: 850px;
}

.keynoteCard {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  margin-bottom: 40px;
  justify-content: space-between;
  cursor: pointer;
}

.keynoteCard:last-child {
  margin-bottom: 0;
}

.keynoteCard:hover {
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.10);
}

.topicSubject {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.subjectDetail {
  width: 100%;
  padding: 20px 20px 40px;
  display: flex;
  flex-direction: column;
}

.timeAndTheme {
  width: 33%;
}

.speakerInfoAndBtn {
  width: 67%;
  display: flex;
  flex-direction: row;
  padding-left: 49px;
  font-weight: 600;
  color: #03234B;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.dayAndDate {
  display: flex;
  flex-direction: row;
  height: 60px;
  font-weight: 600;
  font-size: 24px;
  line-height: 60px;
  padding-left: 20px;
  color: #fff;
}

.keynoteCard:first-child .dayAndDate {
  color: #000;
}

.topicDay {
  margin-right: 69px;
}

.subjectDay {
  margin-right: 10px;
}

.keyDate {
  margin-right: 25px;
}

.subjectBgColor {
  height: 60px;
}

.subjectInfoBox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  color: #03234B;
  font-weight: 600;
}

.keynoteTimePeriod {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: 600;
}

.keynoteTheme {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}

.keynoteThemeEn {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.keynoteThemeBox {
  padding-right: 20px;
}

.addresserPhoto img {
  /* width: 108px; */
  height: 108px;
}

.addresserPhoto {
  margin-right: 20px;
}

.addressername {
  font-size: 16px;
  line-height: 24px;
}

.addresserJob {
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
}

.addresserJobEn {
  font-size: 14px;
  line-height: 20px;
}

.nameAndJob {
  width: 302px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
}

.day2 .listTitle span,
.day3 .listTitle span,
.day4 .listTitle span,
.day5 .listTitle span {
  color: #fff;
}

/* 主题演讲 --end */

/* 在线演讲 --begin */
.selectDayBtns ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.selectDayBtns ul li {
  width: 192px;
  height: 76px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.applicationDayBox {
  height: 30px;
  line-height: 30px;
}

.applicationDayBox .applicationDayOf {
  margin-right: 10px;
  font-weight: 600;
  font-size: 20px;
}

.applicationDayBox .applicationDayOfEn {
  font-weight: 600;
  font-size: 20px;
}

.applicationDateBox {
  height: 20px;
  line-height: 20px;
}

.applicationDateBox .applicationDate,
.applicationDateBox .applicationDateEn {
  font-weight: 600;
  font-size: 14px;
}

.dailyImg,
.dailyImg img {
  width: 100%;
  height: 280px;
}

.dailyImg {
  margin-top: 40px;
}

.selectDayBtns ul li {
  background-color: #fff;
}

.selectDayBtns ul li.selectDayBtnActive,
.selectDayBtns ul li.selectDayBtnActive {
  color: #fff !important;
}

.selectDayBtns ul li:first-child.selectDayBtnActive {
  background-color: #ffcc00;
}

.selectDayBtns ul li:first-child.selectDayBtnActive,
.selectDayBtns ul li:first-child.selectDayBtnActive {
  color: #03234B !important;
}

.selectDayBtns ul li:nth-child(2).selectDayBtnActive {
  background-color: #eb1f8e;
}

.selectDayBtns ul li:nth-child(3).selectDayBtnActive {
  background-color: #2b63c9;
}

.selectDayBtns ul li:nth-child(4).selectDayBtnActive {
  background-color: #39a9dc;
}

.selectDayBtns ul li:nth-child(5).selectDayBtnActive {
  background-color: #26aa1f;
}

.titleAndBtn {
  width: 100%;
  overflow: hidden;
}

.webniarTitle {
  margin-top: 40px;
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  float: left;
  color: #000;
}

.titleAndBtn .liveBtn {
  margin: 40px 0 24px;
  float: right;
}

.centerTitle {
  width: 100%;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 40px;
  color: #000;
  font-weight: 600;
}

.centerTitleEn {
  font-weight: 400;
}

.listTitle {
  margin-bottom: 8px;
}

.listTitle ul,
.applicationCard ul {
  display: flex;
  flex-direction: row;
  padding: 0 20px;
  justify-content: space-between;
}

.listTitle ul li,
.applicationCard ul li {
  width: 50%;
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  color: #000;
  height: 32px;
}

.listTitle ul li {
  color: #fff;
}

.bg-ffcc00 ul li {
  color: #000;
}

.listTitle ul li:last-child,
.applicationCard ul li:last-child {
  width: 35%;
  padding-right: 0;
}

.listTitle ul li:first-child,
.applicationCard ul li:first-child {
  width: 15%;
}

.listTitle ul li:first-child {
  width: 18%;
}

.listTitle ul li:nth-child(2) {
  width: 65%;
}

.applicationTime {
  margin-right: 8px;
}

.applicationCard {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.appDemo:hover {
  background-color: #fff !important;
}

.appDemo:last-child:hover {
  background-color: #F6FCFE !important;
}

.applicationCard:hover,
.demoAndSpeaker:hover {
  background-color: #F6FCFE;
}

.applicationCard ul {
  align-items: center;
}

.applicationCard ul li {
  width: 65%;
  color: #03234B;
  height: auto;
  padding: 12px 0;
  padding-right: 35px;
  line-height: 24px;
}

.applicationCard ul li:first-child {
  width: 17%;
}

.applicationCard ul li:last-child {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.applicationCard .appSpeakerNameJob {
  margin-bottom: 0;
}

.appButtons {
  width: 144px;
}

.liveBtn {
  width: 144px;
  height: 48px;
  background-color: #03234B;
  color: #fff;
  padding: 6px 12px;
  margin-bottom: 14px;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}

.liveBtn:hover {
  background-color: #0C4287;
}

.liveBtn:last-child {
  margin-bottom: 0;
}

.liveBtn .bookingName,
.liveBtn .watchingName,
.liveBtn .replayName,
.liveBtn .downloadName {
  font-weight: 600 !important;
  font-size: 12px !important;
}

.liveBtn .bookingEn,
.liveBtn .watchingEn,
.liveBtn .replayEn,
.liveBtn .downloadEn {
  font-weight: 400 !important;
  font-size: 12px !important;
}

.appBtnTxt {
  display: flex;
  flex-direction: column;
}

.btnIcon {
  width: 32px;
  height: 32px;
  margin: auto 0px;
}

.bookingIcon {
  background-image: url(../../images/tech_week2022/booking.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.watchingIcon {
  background-image: url(../../images/tech_week2022/living.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.replayIcon {
  background-image: url(../../images/tech_week2022/replay.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.downloadIcon {
  background-image: url(../../images/tech_week2022/download.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.demoIcon {
  background-image: url(../../images/tech_week2022/demo.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.qaIcon {
  background-image: url(../../images/tech_week2022/qa.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.appDemo ul {
  align-items: flex-start;
  justify-content: space-between;
}

.appDemo ul li:first-child {
  width: 15%;
}

.appDemo ul li:nth-child(2) {
  width: 69%;
  padding-right: 0;
}

.appDemo ul li:nth-child(2) .demoAndSpeaker {
  margin-bottom: 10px;
  padding-right: 0;
  display: flex;
  flex-direction: row;
}

.appDemo ul li:last-child {
  width: 15%;
  margin-left: 4px;
  padding: 10px 0;
  justify-content: flex-end;
}

.demoAndSpeaker:last-child {
  margin-bottom: 0 !important;
}

.demoAndSpeaker:last-child .demoList {
  margin-bottom: 0 !important;
}

.appDemo ul li:nth-child(2) .demoAndSpeaker .demoList {
  width: 80%;
  margin-bottom: 34px;
}

.appDemo ul li:nth-child(2) .demoAndSpeaker .appSpeakersBox {
  width: 17%;
}

.topics {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.topicMain {
  width: 18%;
}

.themes {
  width: 70%;
  display: flex;
  flex-direction: column;
}

.appSpeakerNameJob {
  margin-bottom: 10px;
}

.appSpeakerName {}

.demoList:last-child {
  margin-bottom: 0;
}

.demoListLine .appSpeakerNameJob {
  word-break: break-all;
}

.day2,
.day3,
.day4,
.day5 {
  display: none;
}

/* 在线演讲 --end */

/* 方案展示 --begin */
.demoContent {
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.dayAndTopicBox {
  width: 100%;
}

.dayAndTopicBox ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.dayAndTopicBox ul li {
  width: 192px;
  font-weight: 600;
  color: #03234B;
}

.dayAndTopicBox ul li.dayTopicBtnActive .demoTopicBtn .demoTheme,
.dayAndTopicBox ul li.dayTopicBtnActive .demoTopicBtn .demoThemeEn {
  color: #fff !important;
}

.dayAndTopicBox ul li:first-child.dayTopicBtnActive .demoTopicBtn {
  background-color: #ffcc00;
}

.dayAndTopicBox ul li:first-child.dayTopicBtnActive .demoTopicBtn .demoTheme,
.dayAndTopicBox ul li:first-child.dayTopicBtnActive .demoTopicBtn .demoThemeEn {
  color: #03234B !important;
}

.dayAndTopicBox ul li:nth-child(2).dayTopicBtnActive .demoTopicBtn {
  background-color: #eb1f8e;
}

.dayAndTopicBox ul li:nth-child(3).dayTopicBtnActive .demoTopicBtn {
  background-color: #2b63c9;
}

.dayAndTopicBox ul li:nth-child(4).dayTopicBtnActive .demoTopicBtn {
  background-color: #39a9dc;
}

.dayAndTopicBox ul li:nth-child(5).dayTopicBtnActive .demoTopicBtn {
  background-color: #26aa1f;
}

.dayTopicCard {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.demoDayBtn {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}

.demoTopicBtn {
  width: 100%;
  height: 80px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.demoTopicBtn .demoTheme {
  font-size: 18px;
  line-height: 30px;
}

.demoTopicBtn .demoThemeEn {
  font-size: 14px;
  line-height: 20px;
}

.demoTopic {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #000;
  margin: 40px auto 50px;
  font-size: 32px;
  line-height: 40px;
}

.demoTopicTxt {
  font-weight: 600;
  margin-right: 12px;
}

.demoTopicTxtEn {
  font-weight: 400;
}

.DemoQaBox {
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  background-color: #fff;
  font-weight: 600;
  border-left: 4px solid #39A9DB;
  padding-left: 20px;
  color: #000;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.demoQaTxt {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.demoQa {
  font-size: 18px;
  line-height: 30px;
}

.demoQaEn {
  font-size: 14px;
  line-height: 20px;
}

.demoQaBtn {
  width: 286px;
  height: 60px;
  background-color: #03234B;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.demoQaBtn:hover {
  background-color: #0C4287;
}

.demoTopicAndVideos .qaIcon {
  background-image: url(../../images/tech_week2022/qaBtn.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  margin-right: 20px;
}

.demoQaTime {}

.demoQaTimeTxt {
  font-size: 18px;
  line-height: 30px;
}

.demoQaTimeEn {
  font-size: 14px;
  line-height: 20px;
}

.demoVideosBox {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-flow: wrap;
}

.demoVideo {
  width: 320px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 20px;
  cursor: pointer;
}

.demoVideo:hover .demoVideoImg {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.10);
}

.demoVideo:hover .demoTitle {
  color: #0C4287;
}

.demoVideo:nth-child(3n) {
  margin-right: 0;
}

.demoVideoImg,
.demoVideoImg img {
  width: 320px;
  height: 180px;
  background-color: #ccc;
  position: relative;
}

.playVideo {
  width: 60px;
  height: 60px;
  background-image: url(../../images/tech_week2022/playVideo.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  cursor: pointer;
}

.demoTitle {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #000;
  margin: 12px 0 40px;
}

.demoNum {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 4px;
  font-family: "PingFangSC-Regular", Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, "Microsoft yahei", Arial, Helvetica, sans-serif;
}

.demoTxt {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.day2demo,
.day3demo,
.day4demo,
.day5demo {
  display: none;
}

/* 方案展示 --end */
/* 赞助商 --begin */
.sponsorContent {
  margin-top: 0;
}

.sponsorLevel {
  width: 100%;
  font-size: 28px;
  line-height: 42px;
  font-weight: 600;
  color: #000;
  margin: 0 0 28px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sponsorLevel span {
  display: inline-block;
}

.border {
  width: 6px;
  height: 32px;
  background-color: #39a9db;
  margin-right: 20px;
}

.sponsorLevel .sponsorEnName {
  font-weight: 400;
  margin-left: 8px;
}

.sponsorImgsBox {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.sponsorBox {
  margin-top: 60px;
}

.sponsorBox .sponsorImg,
.sponsorBox .sponsorImg img {
  width: 210px;
  height: 105px;
  background-color: #ccc;
}

.sponsorImg {
  margin-right: 40px;
  margin-bottom: 28px;
  cursor: pointer;
}

.sponsorImg:hover {
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.10);
}

.diamond .sponsorImg,
.gold .sponsorImg {
  margin-bottom: 0px;
}

.sponsorImg:nth-child(n+5) {
  margin-bottom: 0;
}

/* 赞助商 --end */

/*  video player  */
.dd-relative {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.opacity-big {
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.dd-video-layer-box {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
  top: 0;
}

.dd-video-layer-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
}

.dd-video-layer {
  width: 1100px;
  height: 606px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -338px;
  margin-left: -600px;
}

.dd-video-close {
  width: 0.60rem;
  height: 0.60rem;
  position: absolute;
  /* right: 0.60rem; */
  right: 2rem;
  top: 0.60rem;
}

.dd-video-layer-item {
  display: none;
}

@media screen and (max-width:640px) {
  .dd-video-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -100px;
    margin-left: 0;
  }

  .dd-video-close {
    width: 0.60rem;
    height: 0.60rem;
    position: absolute;
    right: 0.60rem;
    top: 0.60rem;
    z-index: 9999;
  }
}