body { padding-top: 0px !important; }

.component--page-activity-topic-banner {
  position: relative;
  font-size: 20px;
  margin-top: 4.5em;
}

.component--page-activity-topic-banner .banner-btn {
  position: absolute;
  bottom: 2.5em;
  left: 50%;
  align-items: center;
  padding: .6em 1.67em;
  border-radius: 1.67em;
  font-size: 30px;
  color: #fff;
  background: rgba(0, 0, 0, .3);
  transform: translateX(-50%);
}

.component--page-activity-topic-banner .banner-btn .icon {
  width: 1em;
  height: 1em;
  margin-right: .8em;
}

.component--page-activity-topic-banner img {
  width: 100%;
}

@media screen and (max-width: 1601px) {
  .component--page-activity-topic-banner .banner-btn {
    font-size: 26px;
  }
}

@media screen and (max-width: 1401px) {
  .component--page-activity-topic-banner .banner-btn {
    font-size: 20px;
  }
}

@media screen and (max-width: 1201px) {
  .component--page-activity-topic-banner {
    font-size: 16px;
  }
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {

  .component--page-activity-topic-banner,
  .component--page-activity-topic-banner .banner-btn {
    font-size: 16px;
  }
}

@media screen and (max-width: 750px) {
  .component--page-activity-topic-banner {
    font-size: 10px;
  }

  .component--page-activity-topic-banner .banner-btn {
    bottom: 0.5em;
    font-size: 10px;
    padding: 0.4em 1.2em;
  }

  .component--page-activity-topic-banner .banner-btn .txt {
    font-size: 12px;
  }
}

.page--module {
  padding: 120px 0;
}

.page--module.is-background {
  background: #f3f7f9;
}

.module-title {
  align-items: center;
}

.module-title .icon {
  width: 53px;
  height: 53px;
}

.module-title .title,
.module-title .text {
  line-height: 1;
  white-space: nowrap;
}

.module-title .title {
  display: flex;
  align-items: flex-end;
  margin-left: 13px;
}

.module-title .text {
  margin-left: 13px;
  font-weight: normal;
  color: #d0d0d0;
}

@media screen and (max-width: 1024px) {
  .page--module {
    padding: calc(120px * 0.8) 0;
  }
}

@media screen and (max-width: 750px) {
  .page--module {
    padding: calc(120px * 0.5) 0;
  }

  .module-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .module-title .title {
    margin-top: 5%;
    margin-left: 0;
  }
}

/* 会议简介 */
.synopsis-container {
  align-items: center;
}

.synopsis-container .synopsis-left {
  width: 42%;
}

.synopsis-container .text-rich {
  margin-top: 45px;
  line-height: 1.8;
}

.synopsis-container .synopsis-right {
  width: 50%;
  margin-left: auto;
}

.synopsis-container .synopsis-right .pic {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .synopsis-container {
    flex-direction: column;
  }

  .synopsis-container .synopsis-left,
  .synopsis-container .synopsis-right {
    width: 100%;
  }

  .synopsis-container .text-rich {
    margin-top: calc(45px * 0.8);
  }

  .synopsis-container .synopsis-right {
    margin-top: 5%;
    margin-right: 0;
  }
}

/* 会议嘉宾 */
.guest .guest-list {
  align-items: flex-start;
  margin-top: 108px;
  overflow: hidden;
  flex-wrap: wrap;
}

.guest .item {
  width: 25%;
  padding: 0 2%;
  text-align: center;
  margin: 24px 0;
}

.guest .people {
  position: relative;
  width: 272px;
  height: 272px;
  margin: 0 auto;
}

.guest .people .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.guest .people .ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: rotate-loop 10s linear infinite normal;
}

.guest .item .name {
  margin: 50px 0 20px;
  color: #333;
}

.guest .item .txt {
  color: #666;
}

@media screen and (max-width: 1024px) {
  .guest .guest-list {
    flex-wrap: wrap;
    margin-top: 0%;
  }

  .guest .item {
    width: 50%;
    margin-top: 5%;
  }
}

@media screen and (max-width: 750px) {
  .guest .item {
    width: 100%;
    margin-top: 10%;
  }
}

/* 会议日程 */
.schedule .schedule-wrap {
  margin-top: 74px;
}

.schedule .schedule-wrap .venues {
  justify-content: flex-start;
}

.schedule .venues .venue {
  position: relative;
  padding-bottom: 0.7em;
  margin-right: 1.5em;
  color: #333;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.schedule .venues .venue::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0.2em;
  background: #005fe6;
  transform: translateX(-50%);
  transition: all .3s ease-in-out;
}

.schedule .venues .venue.active,
.schedule .venues .venue:hover {
  color: #005fe6;
}

.schedule .venues .venue.active::after,
.schedule .venues .venue:hover::after {
  width: 100%;
}

.schedule .venue-info {
  margin-top: 75px;
}

.schedule .venue-list .item {
  margin-bottom: 69px;
}

.schedule .venue-list .item:last-child {
  margin-bottom: 0;
}

.schedule .venue-list .item .times {
  margin-right: 56px;
  line-height: 1;
  color: #005fe6;
  min-width: 3em;
  flex-shrink: 0;
}

.schedule .venue-list .item .title {
  line-height: 1;
  color: #333;
}

.schedule .venue-list .item .presenter {
  margin: 12px 0 20px;
  color: #878787;
}

.schedule .venue-list .item .txt {
  line-height: 1.6;
  color: #333;
}

@media screen and (max-width: 750px) {
  .schedule .venue-info {
    margin-top: 40px;
  }

  .schedule .venue-list .item .times {
    margin-right: 30px;
  }
}

/* 注意事项 */
.precautions .precautions-wrap {
  margin-top: 48px;
}

.precautions .precautions-wrap li {
  line-height: 2;
  list-style: inside;
}

/* 联系我们 */
.contact .contact-wrap {
  margin-top: 50px;
}

.contact .contact-wrap .map {
  width: 100%;
}

.contact .wrap-info {
  margin-top: 2.6%;
}

.contact .info-phone,
.contact .info-qrcode {
  border: 1px solid #DEE7EB;
}

.contact .info-phone {
  width: 60%;
  margin-right: 2.6%;
}

.contact .info-phone .content {
  flex: 1;
  flex-wrap: wrap;
  padding: 5%;
}

.contact .info-phone .content .item {
  width: 50%;
  line-height: 3.6;
  list-style: inside;
}

.contact .info-qrcode {
  flex: 1;
  flex-direction: column;
}

.contact .info-qrcode .content {
  flex: 1;
}

.contact .info-qrcode .content .item {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
}

.contact .info-qrcode .item .txt {
  margin-top: 2%;
}

.contact .contact-wrap .wrap-info .qrocde {
  width: 42%;
}

.contact .contact-wrap .wrap-info .tit {
  width: 100%;
  padding: 22px 40px;
  line-height: 1;
  color: #333;
  background: #F3F7F9;
}

@media screen and (max-width: 750px) {
  .contact .wrap-info {
    flex-wrap: wrap;
    margin-top: 5.6%;
  }

  .contact .info-phone .content .item {
    width: 100%;
  }

  .contact .info-phone {
    width: 100%;
    margin-right: 0;
  }

  .contact .info-qrcode {
    margin-top: 5.6%;
  }

  .contact .info-qrcode .content {
    flex-wrap: wrap;
    padding: 5.6%;
    margin-top: 0;
  }

  .contact .info-qrcode .content .item {
    width: 100%;
    margin-top: 5.6%;
  }
}

@keyframes rotate-loop {
  form {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}


@media screen and (max-width: 414px) {
  .guest .item {
    width: 50%;
  }

  .guest .people {
    width: 150px;
    height: 150px;
  }

  .guest .item .name {
    margin: 10px 0 3px;
  }

  .contact .info-qrcode .content .item {
    width: 50%;
  }
}