/* 2021新增样式 */

/* index.html ——> 242 p.section-title h2.section-title */

/* .container{
  width: 1200px;
  padding: 0;
} */


.section {
  /* padding: 0!important; */
  /* padding-top: 95px!important; */
}

.container .row div {
  padding: 0;
}

p.section-title-border {
  width: 198px;
  height: 7px;
  background: linear-gradient(90deg, #5DA5FF 0%, #0A33B7 99%);
  padding: 0 !important;
  margin: 0 auto;
  margin-bottom: 50px;
}

h2.section-title {
  position: relative;
  z-index: 2;
  margin: 0 !important;
  font-family: PingFang SC Medium;
  font-size: 48px;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: 6px;
  color: #FFFFFF;
  padding-top: 20px;
  padding-bottom: 18px;
}

h2.section-title-bg {
  width: 100%;
  /* max-width: 1140px; */
  text-align: center;
  position: absolute;
  z-index: 1;
  margin: 0;
  font-size: 60px;
  font-family: PingFang SC Bold;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 46px;
  background: linear-gradient(89deg, #5DA5FF 0%, #0A33B7 99.0234375%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

p.introduction {
  background: url(../images/backgrounds/bg-introduction.png) no-repeat center center;
  background-size: 100% 100%;
  margin: 0;
  padding: 40px 65px;
  font-size: 16px;
  font-family: Alibaba PuHuiTi;
  font-weight: 300;
  color: #FEFEFE;
  line-height: 32px;
}

.bg-image-1 {
  background: #0917B7 !important;
}

.bg-image-1.section {
  padding-top: 35px !important;
}

.bg-image-1.section .icon_ts {
  padding-bottom: 35px;
}

.bg-image-1.section .container {
  max-width: 993px;
  padding: 0;
}

.bg-image-1.section .row .icon_ts h3 {
  margin-bottom: 0;
}

@keyframes close_blank {
  from {
    height: 100vh;
  }

  to {
    height: 0;
  }
}

@-webkit-keyframes close_blank {
  from {
    height: 100vh;
  }

  to {
    height: 0;
  }
}

.popup_window {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  background-color: rgba(0, 0, 0, 0.6);
}

.popup_window .container {
  width: 100%;
  height: 100%;
  padding: 0;
  /* padding: 0 15px 0 0; */
  display: table;
}

.popup_window .container .row {
  width: 100%;
  height: 100%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.popup_window .container .row .col-sm-12 {
  width: 95%;
  min-height: 545px;
  max-width: 1100px;
  float: none;
  margin: 0 auto;
  padding: 95px 0 73px 0;
  display: block;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
}

.popup_window .container .row .col-sm-12 img {
  width: 90%;
  max-width: 670px;
}

.pc .popup_window .container .row .col-sm-12 {
  background-image: url("https://f.msup.com.cn/cecc2021_popup_window_bg.png");
  background-position: center center;
}

.mob .popup_window .container .row .col-sm-12 {
  max-width: 510px;
  padding: 0;
}

.mob .popup_window .container .row .col-sm-12 {
  height: 545px;
  padding: 100px 0 75px 0;
  margin-bottom: 40px;
  background-image: url("https://f.msup.com.cn/cecc2021_popup_window_bg_mob.png");
}

.popup_window .container .row p {
  margin-top: 65px;
  margin-bottom: 90px;
  line-height: 48px;
  font-size: 48px;
  font-family: Alibaba PuHuiTi;
  font-weight: bold;
  color: #FEFEFE;
}

.mob .popup_window .container .row p {
  margin-top: 105px;
  line-height: 40px;
  font-size: 30px;
}

.popup_window .container .row div a {
  font-size: 24px;
  font-family: Alibaba PuHuiTi;
  font-weight: 300;
  color: #FFFFFF;
}

.popup_window .container .row .close_blank {
  cursor: pointer;
}

.livestreaming {
  background-image: url("https://f.msup.com.cn/cecc2021-index-live-bg.png");
  /*  */
}

.highlights-cover {
  height: 100%;
  position: absolute !important;
  z-index: 1;
}

.highlights-cover img {
  height: 100%;
}

.highlights .container .row div img {
  width: 100%;
}

.highlights .container .row div div:not(.highlights-cover) {
  background-color: #FFFFFF;
}

.highlights .container .row div div.desc {
  padding: 16px;
  /* background-color: #FFFFFF; */
}

.highlights .container .row div div.desc h3,
.highlights .container .row div div.desc p {
  font-size: 16px;
  font-family: PingFang SC Regular;
  font-weight: 400;
  margin: 0;
}

.highlights .container .row div div.desc h3 {
  color: #0C3592;
  line-height: 20px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 2px solid #0C3592;
  width: max-content;
}

.highlights .container .row div div.desc p {
  color: #4C443E;
  line-height: 26px;
}

.speakers p.section-title-border {
  margin-bottom: 20px;
}

.speakers #index_spaeaks .con {
  margin-top: 30px;
  padding: 0 35px;
}

.speakers #index_spaeaks .con p {
  font-size: 16px;
  font-family: Source Han Sans CN Regular;
  font-weight: 400;
  color: #CFDAFF;
  /* line-height: 32px; */
  line-height: 24px;
  margin: 0;
  hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

.speakers #index_spaeaks .con .img {
  /* height: 310px; */
  /* height: 290px; */
  /* background: url(../images/backgrounds/bg-speakers1.png) no-repeat left bottom;
 background-size: 95%; */
  margin-bottom: 20px;
}

.speakers #index_spaeaks .con .img img {
  width: 100%;
  background: url(../images/backgrounds/bg-speakers1.png) no-repeat left bottom;
  background-position-y: 55px;
  background-size: 95%;
}

.speakers #index_spaeaks .con .img div {
  /* background: #0a2872; */
  /* background: #0d2c7e; */
}

.speakers #index_spaeaks .con .img p.name {
  text-align: center;
  font-size: 24px;
  font-family: inherit !important;
  /* font-family: Source Han Sans CN Bold; */
  font-weight: bold;
  color: #FFFFFF;
  /* line-height: 48px; */
  min-height: 48px;
  padding: 12px 0;
  background: url(../images/backgrounds/bg-speakers2.png) no-repeat center;
  background-size: 100% 100%;
}

.speakers #index_spaeaks .con .img p.name.english {
  /* font-size: 20px; */
  font-size: 13px;
  line-height: 16px;
  padding: 8px 0;
}

.schedule #no-schedule {
  /* display: none; */
}

.schedule #no-schedule div {
  padding: 25px;
  background: rgba(57, 78, 137, 0.47);
  /*#394E89*/
}

.schedule #no-schedule div p {
  font-size: 16px;
  font-family: PingFang SC Regular;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0;
}

.schedule #has-schedule {
  /* display: none; */
}

.schedule #has-schedule {
  /* width: 100%; */
}

.schedule #has-schedule ul {
  margin: 0;
  padding: 0;
}

.schedule #has-schedule ul.top {
  width: max-content;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
}

.schedule #has-schedule ul.top .time {
  width: 240px;
  height: 76px;
  /* background: #394E89;
 opacity: 0.47; */
  background: rgba(57, 78, 137, 0.47);
  box-shadow: 0px 13px 29px 0px rgba(118, 118, 118, 0.15);
  border-radius: 38px;
  text-align: center;
  padding: 15px;
  margin: 0 10px;
  cursor: pointer;
}

.schedule #has-schedule ul.top .time a {
  font-size: 16px;
  font-family: PingFang SC Regular;
  font-weight: 400;
  color: #FFFFFF;
}

.schedule #has-schedule ul.top .time.active {
  background: url(../images/backgrounds/ts_but.png) no-repeat center center;
  background-size: 100% 100%;
}

.schedule #has-schedule ul.top .time span {
  color: #59A0FC;
}

.schedule #has-schedule ul.top .time.active span {
  color: #FFFFFF;
}

.schedule #has-schedule ul.list {
  margin-top: 20px;
}

.schedule #has-schedule ul.list li {
  /* background: #394E89;
 opacity: 0.47; */
  background: rgba(57, 78, 137, 0.47);
  padding: 35px 40px;
  margin: 0;
  margin-top: 30px;
  display: flex;
  flex-wrap: nowrap;
}

.schedule #has-schedule ul.list li .le {
  width: 118px;
  flex: 0 0 118px;
  height: 118px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  margin-right: 65px;
}

.schedule #has-schedule ul.list li .ri {}

.schedule #has-schedule ul.list li .ri p {
  margin: 0;
  font-size: 16px;
  font-family: PingFang SC Regular;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
}

.schedule #has-schedule ul.list li .ri h3 {
  margin: 10px 0;
  font-size: 24px;
  font-family: PingFang SC Regular;
  font-weight: 400;
  color: #5AA1FD;
  line-height: 35px;
}

.scene .row img {
  padding: 0;
}

.scene .row div:nth-of-type(1) img:nth-of-type(2) {
  width: 80%;
  height: 100%;
  position: absolute;
  right: 0;
}

.scene .row div:nth-of-type(2) {
  padding: 0;
  padding-top: 10px;
  padding-bottom: 15px;
}

.scene .row div div {
  height: 100%;
  padding: 45px;
  text-align: center;
  box-sizing: border-box;
  background: rgba(57, 78, 137, 0.47);
  /*#394E89*/
  border-left: 8px solid rgba(255, 255, 255, 0);
  background-clip: padding-box;
}

.scene .row div div h3 {
  margin: 0;
  font-size: 48px;
  font-family: Alibaba PuHuiTi Regular;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
}

.scene .row div div p {
  margin: 0;
  margin-top: 24px;
  font-size: 24px;
  font-family: Alibaba PuHuiTi Regular;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 25px;
  opacity: 0.7;
}

@media (max-width: 1200px) {
  .scene .row div div {
    padding: 25px;
  }

  .scene .row div div h3 {
    font-size: 30px;
    line-height: 32px;
  }

  .scene .row div div p {
    margin-top: 16px;
    font-size: 16px;
    line-height: 18px;
  }

  .speakers #index_spaeaks .con .img p.name.english {
    /* font-size: 15px; */
    font-size: 13px;
    line-height: 16px;
    padding: 8px 0;
  }
}

@media (max-width: 760px) {
  .scene .row div div {
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .scene .row div div h3 {
    font-size: 22px;
    line-height: 25px;
  }

  .scene .row div div p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 18px;
  }
}

@media (max-width: 450px) {
  .scene .row div div {
    padding: 0;
  }

  .scene .row div div h3 {
    font-size: 18px;
    line-height: 20px;
  }

  .scene .row div div p {
    margin-top: 10px;
    font-size: 13px;
    line-height: 15px;
  }
}

.consultation .row:nth-of-type(2) div.le,
.consultation .row:nth-of-type(2) div.ri {
  /* max-width: 355px; */
  background: url(../images/backgrounds/bg-counsel.png) no-repeat center center;
  background-size: 100% 100%;
  /* padding: 50px 60px 40px 75px; */
  /* margin: 0 45px; */
  padding-top: 50px;
  padding-bottom: 40px;
  text-align: center;
}

.consultation .row:nth-of-type(2) div.ri {
  background: url(../images/backgrounds/bg-counsel0.png) no-repeat center center;
  background-size: 100% 100%;
  /* padding: 50px 75px 40px 60px; */
}

.consultation .row:nth-of-type(2) div.le *,
.consultation .row:nth-of-type(2) div.ri * {
  margin: 0 auto;
  color: #DBE0F6;
  font-family: PingFang SC Regular;
  font-weight: 400;
  font-size: 24px;
  line-height: 25px;
}

.consultation .row:nth-of-type(2) div.le div,
.consultation .row:nth-of-type(2) div.ri div {
  width: max-content;
  height: auto;
}

.consultation .row:nth-of-type(2) div.le div {
  padding-left: 20px;
}

.consultation .row:nth-of-type(2) div.ri div {
  padding-right: 20px;
}

.consultation .row:nth-of-type(2) div.le h4,
.consultation .row:nth-of-type(2) div.ri h4 {
  width: max-content;
  background: url(../images/backgrounds/bg-counsel1.png) no-repeat center;
  background-size: 100% 100%;
  line-height: 50px;
  padding: 0 37px;
}

.consultation .row:nth-of-type(2) div.le h3,
.consultation .row:nth-of-type(2) div.ri h3 {
  margin-top: 30px;
  margin-bottom: 20px;
  color: #FFFFFF;
  font-family: PingFang SC Medium;
  font-weight: 500;
  font-size: 34px;
}

.consultation .row:nth-of-type(2) div.le img,
.consultation .row:nth-of-type(2) div.ri img {
  width: 178px;
  margin-top: 30px;
}

.partner {
  padding: 0;
}

.partner .partner-box {
  /* height: 70px!important; */
  height: auto !important;
  padding: 5px 0;
}

.section#partner {
  padding-top: 95px;
}

.partner.secondary {
  padding-top: 50px !important;
}

.partner .secondary {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #7F8896;
  line-height: 25px;
}

.partner .schedule-box::before {
  /* display: none!important; */
  top: 1px !important;
  right: 1px !important;
  bottom: 1px !important;
  left: 1px !important;
}

.partner .schedule-box {
  padding: 25px 0 !important;
  margin: 0 auto !important;
  /* background: #6EA1FA; */
  background: rgba(110, 161, 250, 0.48);
}

.partner.support .schedule-box {
  background: #fff;
  border: 1px solid #0817b7;
}

.partner.support .schedule-box::before {
  border: 1px solid #0817b7;
}

.partner.support .schedule-box .time {
  color: #0817b7;
  font-size: 18px;
  font-weight: 600;
}

.partner .schedule-box .time {
  color: #FFFFFF;
}

.partner .partner-box {
  border: none !important;
  margin: 0 !important;
  margin-top: 10px !important;
  border-left: 6px solid rgba(255, 255, 255, 0) !important;
  border-right: 6px solid rgba(255, 255, 255, 0) !important;
  background-clip: padding-box !important;
}

.faq p.section-title-border {
  margin-bottom: 10px;
}

.faq .row:nth-of-type(2) div div {
  padding: 0 22px;
  min-height: 153px;
}

.faq .row:nth-of-type(2) div div div {
  width: 100%;
  height: 100%;
  padding: 0;
  margin-top: 40px;
  border-bottom: 1px solid #196FE1;
}

.faq .row:nth-of-type(2) div div div * {
  margin: 0;
}

.faq .row:nth-of-type(2) div div div h3 {
  font-size: 24px;
  font-family: PingFang SC Regular;
  font-weight: 400;
  color: #5AA1FD;
  line-height: 25px;
  margin-bottom: 20px;
}

.faq .row:nth-of-type(2) div div div p,
.faq .row:nth-of-type(2) div div div p * {
  font-size: 16px;
  font-family: PingFang SC Regular;
  font-weight: 400;
  color: #B6C9FA;
  line-height: 24px;
}

.faq .row:nth-of-type(2) div div div p a {
  font-weight: bold;
  text-decoration: underline;
}

.sponsorlogo {
  width: 20%;
}

@media (max-width:992px) {
  .abstract .icon_ts img {
    width: 45px;
    height: 45px;
  }

  .abstract .icon_ts h3 {
    font-size: 24px;
  }

  .schedule #has-schedule ul.top .time {
    width: 200px;
    height: 65px;
    padding: 12px;
  }

  .sponsorlogo {
    width: 25%;
  }

  .partner .partner-box {
    height: 60px;
  }
}

@media (max-width: 767px) {
  p.section-title-border {
    width: 150px;
    height: 5px;
    margin-bottom: 50px;
  }

  h2.section-title {
    font-size: 32px;
    line-height: 33px;
    padding-top: 13px;
    padding-bottom: 12px;
  }

  h2.section-title-bg {
    font-size: 38px;
    line-height: 30px;
  }

  p.introduction {
    margin: 0 25px;
    padding: 30px 45px;
    font-size: 15px;
    line-height: 28px;
  }

  .highlights .container .row div div.col-xs-10 {
    margin-left: 8%;
  }

  .speakers #index_spaeaks .con .img img {
    background-position-y: 30px;
  }

  .speakers #index_spaeaks .con .img p.name.english {
    /* font-size: 12px; */
  }

  /* .schedule #has-schedule {
   width: auto;
 } */
  .schedule #has-schedule ul.top .time {
    width: 150px;
    height: 55px;
    padding-top: 6px;
    padding-bottom: 0;
  }

  .schedule #has-schedule ul.top .time a {
    font-size: 14px;
  }

  .schedule #has-schedule ul.list {
    padding-left: 25px;
    padding-right: 25px;
  }

  .schedule #has-schedule ul.list li {
    padding: 25px 30px;
    margin-top: 20px;
  }

  .schedule #has-schedule ul.list li .le {
    width: 100px;
    flex: 0 0 100px;
    height: 100px;
    margin-right: 30px;
  }

  .schedule #has-schedule ul.list li .ri p {
    font-size: 15px;
    line-height: 18px;
  }

  .schedule #has-schedule ul.list li .ri h3 {
    font-size: 22px;
    line-height: 28px;
  }

  .scene .row:nth-of-type(2) {
    padding: 0 25px;
  }

  /* .consultation .row:nth-of-type(2) div{
   margin: 0 15px;
   padding: 30px 40px 25px 60px;
 }
 .consultation .row:nth-of-type(2) div.ri {
   padding: 30px 60px 25px 40px;
 } */
  .consultation .row:nth-of-type(2) div.le h4,
  .consultation .row:nth-of-type(2) div.ri h4,
  .consultation .row:nth-of-type(2) div.le p,
  .consultation .row:nth-of-type(2) div.ri p {
    font-size: 16px;
  }

  .consultation .row:nth-of-type(2) div.le h4,
  .consultation .row:nth-of-type(2) div.ri h4 {
    line-height: 40px;
  }

  .consultation .row:nth-of-type(2) div.le h3,
  .consultation .row:nth-of-type(2) div.ri h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 25px;
  }

  .consultation .row:nth-of-type(2) div.le img,
  .consultation .row:nth-of-type(2) div.ri img {
    width: 120px;
    margin-top: 20px;
  }
}

@media (max-width: 540px) {
  .abstract {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .abstract .icon_ts img {
    width: 40px;
    height: 40px;
  }

  .abstract .icon_ts h3 {
    font-size: 20px;
  }

  .highlights .container .row div div.desc {
    padding: 10px;
  }

  .highlights .container .row div div.desc h3,
  .highlights .container .row div div.desc p {
    font-size: 14px;
  }

  .highlights .container .row div div.desc h3 {
    margin-bottom: 10px;
  }

  .highlights .container .row div div.desc p {
    line-height: 20px;
  }

  .speakers #index_spaeaks .con {
    width: 50%;
  }

  .speakers #index_spaeaks .con .img p.name {
    font-size: 18px;
    line-height: 19px;
    min-height: 36px;
    padding: 8px 0;
  }

  .speakers #index_spaeaks .con .img {
    margin-bottom: 15px;
  }

  .speakers #index_spaeaks .con p {
    font-size: 14px;
    line-height: 20px;
  }

  .schedule #has-schedule ul.top {
    width: 90%;
  }

  .schedule #has-schedule ul.top .time {
    /* width: 130px; */
    margin: 0 5px;
  }

  .schedule #has-schedule ul.list li {
    padding: 20px;
  }

  .schedule #has-schedule ul.list li .le {
    width: 65px;
    height: 65px;
    flex: 0 0 65px;
    margin-right: 20px;
  }

  .schedule #has-schedule ul.list li .ri p {
    font-size: 13px;
    line-height: 16px;
  }

  .schedule #has-schedule ul.list li .ri h3 {
    font-size: 16px;
    line-height: 20px;
  }

  .partner .partner-box {
    height: 40px;
  }
}

@media (max-width:440px) {
  .speakers #index_spaeaks .con {
    padding: 0 20px;
  }

  .schedule #has-schedule ul.top {
    /* display: block; */
  }

  .schedule #has-schedule ul.top .time {
    /* width: 130px; */
    /* margin: 0 5px; */
  }

  .consultation .row:nth-of-type(2) div.con {
    width: 100%;
  }

  .consultation .row:nth-of-type(2) div.le,
  .consultation .row:nth-of-type(2) div.ri {
    width: 70%;
    margin-left: 15%;
  }

  .consultation .row:nth-of-type(2) div.le {
    margin-bottom: 25px;
  }

  .sponsorlogo {
    width: 60%;
  }

  .partner .partner-box {
    height: 75px;
  }

  .faq .row:nth-of-type(2) div div div {
    padding-bottom: 15px;
  }
}

/* 暂时部分隐藏内容：大会咨询-媒体商务合作 */
.consultation .row:nth-of-type(2) div.con:nth-of-type(2) {
  display: none;
}

@media (min-width:441px) {
  .consultation .row:nth-of-type(2) div.con:nth-of-type(1) {
    margin-left: 25%;
  }
}

@media (max-width:380px) {
  .speakers #index_spaeaks .con .img p.name.english {
    /* line-height: 12px; */
  }
}


/* 覆盖main.css样式 */
.partner .partner-box img {
  position: inherit !important;
  left: 0 !important;
  right: 0 !important;
}