* {
  font-family: "PingFang SC", "\5FAE\8F6F\96C5\9ED1", "微软雅黑", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
@font-face {
  font-family: 'RubikRoman';
  src: url('https://eefocus-edm.eefcdn.com/20220704/Rubik-Bold.ttf');
}
.maintop {
  width: 100%;
}
#cite2022 {
  margin-top: -1px;
}
a {
  color: #fff;
  text-decoration: none;
}
a:hover, a:focus {
  color: #fff;
  text-decoration: none;
}
.pc-el {
  display: block;
}
.sp-el {
  display: none;
}
.ellipsis {
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
}

.ellipsis-2 {
  -webkit-line-clamp: 2;
}

.ellipsis-3 {
  -webkit-line-clamp: 3;
}
/* 导航 */
.navtopbox {
  width: 100%;
  background: #000;
}
.mainfixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.navbox {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  font-size: 14px;
}
.logobox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.logobox div {
  margin-right: 16px;
}
.supplyframe {
  width: 92px;
}
.eefocus {
  width: 95px;
}
.cite {
  width: 69px;
}
.navbox ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin-top: 0;
  padding: 0;
  margin-bottom: 0;
}
.navbox ul li {
  /* width: 120px; */
  height: 60px;
  line-height: 60px;
  color: #fff;
  margin-left: 40px;
  cursor: pointer;
}
.navbox ul li:hover {
  font-weight: 700;
}
.navbox ul li a {
  height: 60px;
  line-height: 60px;
  display: block;
}
.navActive {
  border-bottom: 4px solid #0097c1;
  font-weight: 700;
}
/* banner */
.returnTop {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: url(../images/cite2022/returntop.png) no-repeat;
  background-size: 100%;
  position: fixed;
  bottom: 100px;
  right: 8%;
  cursor: pointer;
  z-index: 100;
}
.returnTop:hover {
  background: url(../images/cite2022/returntop-hover.png) no-repeat;
  background-size: 100%;
}
.bannerbox {
  width: 100%;
  background-color: #0a328f;
}
.bannerImg {
  width: 1200px;
  margin: 0 auto;
}
/* content */
#cite2022 .content {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}
.videoap {
  width: 468px;
  height: 263px;
  position: relative;
  float: left;
}
.videoap .equal-proportion-imgDiv {
  padding-bottom: 0;
  height: auto;
  cursor: pointer;
  width: 468px;
  height: 263px;
  background-color: #f4f4f4;
}
.videoap .video-icon-imgDiv {
  width: 80px;
  height: 80px;
}
.videoap .video-icon-imgDiv {
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  cursor: pointer;
  position: absolute;
}
.videoap .video-icon-imgDiv img {
  width: 80px;
  height: 80px;
}
.livebox {
  width: 1200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 80px;
}
.cite_eef {
  width: 100%;
  overflow: hidden;
}
.act_content {
  width: calc(100% - 468px);
  font-size: 14px;
  color: #000;
  float: left;
  padding-left: 11px;
  padding-right: 32px;
}
.act_title {
  display: inline-block;
  display: inline;
  zoom: 1;
  text-align: left;
  font-size: 28px;
  font-weight: 700;
  position: relative;
  margin: 10px 21px;
}
.act_title p {
  display: inline-block;
  display: inline;
  zoom: 1;
  position: relative;
  z-index: 22;
  font-family: RubikRoman;
}
.underline{
  position: absolute;
  width: 100%;
  height: 7px;
  background-color: #0097c1;
  bottom: 4px;
  left: 0;
  display: block;
}
.act_txt {
  line-height: 20px;
  position: relative;
  margin-top: 10px;
}
.act_txt p {
  margin: 0px 21px;
  padding-top: 20px;
}
.act_txt p:last-child {
  padding-bottom: 20px;
}
.quotation, .quotation2 {
  width: 56px;
  height: 45px;
  display: block;
  position: absolute;
}
.quotation {
  left: 0;
  top: 0;
  background: url(../images/cite2022/quotation.png) no-repeat;
  background-size: 100%;
}
.quotation2 {
  right: 0;
  bottom: 0;
  background: url(../images/cite2022/quatation2.png) no-repeat;
  background-size: 100%;
}
.topic {
  width: 681px;
  margin: 0 auto;
  margin-top: 58px;
  margin-bottom: 60px;
}
.agenda {
  width: 100%!important;
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(27,150,213,0.1),endColorStr=rgba(58,199,236,0));
  background: -ms-linear-gradient(top, rgba(27,150,213,0.1), rgba(58,199,236,0));
  background: -moz-linear-gradient(top,rgba(27,150,213,0.1),rgba(58,199,236,0));
  background: -webkit-gradient(linear, 0% 100%,from(rgba(27,150,213,0.1)), to(rgba(58,199,236,0)));
  background: -webkit-gradient(linear, 0% 100%, from(rgba(27,150,213,0.1)), to(rgba(58,199,236,0)));
  background: -webkit-linear-gradient(top, rgba(27,150,213,0.1), rgba(58,199,236,0));
  background: -o-linear-gradient(top, rgba(27,150,213,0.1), rgba(58,199,236,0));
}
.sectionModule {
  padding-top: 72px;
  margin: 0 auto;
}
.sectionTitle {
  width: 1219px;
  height: 95px;
  margin: 0 auto;
  position: relative;
  margin-left: calc((100% - 1219px) / 2 - 11px);
}
/* .agendaTitle {
  width: 1214px;
  margin: 0 auto;
  margin-left: calc((100% - 1214px) / 2 - 7px);
} */
.agendaDateBtn {
  width: 60px;
  float: left;
}
.agendaContent {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 12px;
}
.agendaDate {
  width: 60px;
  display: flex;
  flex-direction: column;
  float: left;
}
.agendaDayBtn {
  width: 60px;
  height: 66px;
  cursor: pointer;
  padding: 11px 0 12px;
}
.agendaDayBtn {
  margin-bottom: 14px;
  background: url(../images/cite2022/0517-normal@2x.png) no-repeat;
  background-size: 100%;
  color: rgba(125, 125, 127, 1);
}
.agendaDayBtn div {
  font-family: 'RubikRoman';
  font-weight: 800!important;
  font-size: 22px;
  line-height: 22px;
  padding: 0 8px;
}
.agendaDayBtn.agendaActive {
  background: url(../images/cite2022/0517-selected@2x.png) no-repeat;
  background-size: 100%;
  color: #fff;
}
.agendaDayBtn:hover{
  background: url(../images/cite2022/0517-hover@2x.png) no-repeat;
  background-size: 100%;
  color: #fff;
}
.agendaDate .agendaActive {
  background-color: #1D2D46;
}
.agendaDayBtn .agendaBtnDay{
  text-align: right;
}
.baoming {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/cite2022/user.png) no-repeat;
  background-size: 100%;
  margin-top: 11px;
  margin-right: 3px;
}
.yuyue {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/cite2022/yuyue.png) no-repeat;
  background-size: 100%;
  margin-top: 11px;
  margin-right: 3px;
}
.yuyuehover {
  width: 16px;
  height: 16px;
  display: none;
  background: url(../images/cite2022/yuyue-hover.png) no-repeat;
  background-size: 100%;
  margin-top: 11px;
  margin-right: 3px;
}
.baominghover {
  width: 16px;
  height: 16px;
  display: none;
  background: url(../images/cite2022/useract.png) no-repeat;
  background-size: 100%;
  margin-top: 11px;
  margin-right: 3px;
}
.titlebtn {
  width: 116px;
  height: 40px;
  padding: 0 19px;
  background-color: #fff;
  color: #000;
  border-radius: 2px;
  border: 1px solid rgba(0,0,0,1);
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 15px;
  overflow: hidden;
  /* display: flex;
  align-items: center;
  justify-content: center; */
}
.titlebtn span {
  float: left;
}
.joinAll:hover, .yuyuebtn:hover {
  background-color: #0097c1;
  color: #fff;
  border: none;
}
.joinAll:hover .baominghover, .yuyuebtn:hover .yuyuehover{
  display: flex;
}
.joinAll:hover .baoming, .yuyuebtn:hover .yuyue{
  display: none;
}
.agendaTableBox {
  width:  calc(100% - 60px);
  padding-left: 40px;
  float: left;
}
.joinDetail {
  width: 100%;
  margin-bottom: 36px;
}
.joinDetail:nth-child(2n) {
  margin-bottom: 0;
}
.detailHead {
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 20px;
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1D2D46,endColorStr=#0097c1);
  background: -ms-linear-gradient(left, #1D2D46, #0097c1);
  background: -moz-linear-gradient(left,#1D2D46,#0097c1);
  background: -webkit-gradient(linear, 0% 100%,from(#1D2D46), to(#0097c1));
  background: -webkit-gradient(linear, 0% 100%, from(#1D2D46), to(#0097c1));
  background: -webkit-linear-gradient(left, #1D2D46, #0097c1);
  background: -o-linear-gradient(left, #1D2D46, #0097c1);
  font-weight: 600;
}
.dateTitle {
  font-size: 20px;
  line-height: 60px;
  color: #fff;
  width: 286px;
  height: 60px;
  background: url(../images/cite2022/calendar-0517@2x.png) no-repeat;
  background-size: 100%;
  padding-left: 20px;
  margin-left: -1px;
}
.dateTitle span{
  display: inline-block;
}
.dateTitle .num {
  font-family: 'RubikRoman';
  font-weight: bold;
}
.dateTitle .agendaTableTopic {
  font-size: 14px;
  margin-left: 12px;
}
.aboutLive {
  height: 28px;
  font-size: 14px;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 8px 0;
}
.joinbtn,.joinbtn0812,.joinbtn0813 {
  width: 102px;
  height: 28px;
  border: 1px solid rgba(255,255,255,1);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
}
.joinbtn0812,.joinbtn0813 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.joinbtn:hover,.joinbtn0812:hover,.joinbtn0813:hover {
  background: #fff;
  color: #0097c1;
}
.joinbtn0812:hover span:last-child,.joinbtn0813:hover span:last-child {
  background-image: url('https://eefocus-edm.eefcdn.com/20220728/arrow-right-s-linehover.png')!important;
}
.scheduleList {
  width: 100%;
  background: #fff;
  padding: 0 20px 20px;
  border: 1px solid rgba(0,0,0,0.1);
  margin-top: -1px;
}
.schedule0518 {
  display: none;
}
.lineTitle,.line {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 40px;
  padding: 0 12px;
  margin: 0;
}
.lineTitle {
  font-size: 14px;
  line-height: 40px;
  color: #000;
}
.line {
  font-size: 12px;
  color: rgba(0,0,0,0.7);
  line-height: 40px;
  height: 40px;
  padding: 0 12px;
  border-radius: 4px;
}
.lineTitle li:first-child,.line li:first-child {
  width: 100px;
}
.lineTitle li:last-child,.line li:last-child{
  width: 100px;
}
.lineTitle li:nth-child(3),.line li:nth-child(3){
  width: 240px;
  display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
}
.lineTitle li,.line li {
  width: calc(100% - 560px);
  text-align: left;
}
.line:nth-child(2n) {
  background-color: rgba(0,0,0,0.05);
}
.guestsTabs {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 13px 60px; 
  justify-content: space-between;
}
.guestinfo {
  width: 225px;
  height: 230px;
  margin-bottom: 40px;
}
.guestsTabsLine1 .guestinfo:nth-child(2n+1) {
  background: url(../images/cite2022/orangeBg.png) no-repeat;
}
.guestsTabsLine1 .guestinfo:nth-child(2n) {
  background: url(../images/cite2022/blueBg.png) no-repeat;
}
.guestsTabsLine2 .guestinfo:nth-child(2n+1) {
  background: url(../images/cite2022/blueBg.png) no-repeat;
}
.guestsTabsLine2 .guestinfo:nth-child(2n) {
  background: url(../images/cite2022/orangeBg.png) no-repeat;
}
.pop-video {
  display: none;
  position: fixed;
  z-index: 1001;
  width: 960px;
  height: 540px;
  left: 50%;
  top: 50%;
  margin-left: -480px;
  margin-top: -270px;
}
.pop-video video {
  display: block;
  width: 100%;
  height: auto;
  background: #000;
}
.pop-video .pop-close {
  width: 16px;
  height: 16px;
  background: url(../images/fluke/close.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
  z-index: 2;

}
.sectionContent {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.card {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border: 1px solid rgba(0,0,0,0.1);
  cursor: pointer;
  box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.1);
}
.card:hover {
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1);
}
.card:hover .reportcontent {
  color: #0097c1;
}
.reportsbox a {
  display: block;
}
.swiper-wrapper {
  position: static!important;
}
.host-img{
  width: 346px;
}
.info {
  width: calc(100% - 346px);
  padding: 45px 40px;
}
.desc {
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.info .name-job {
  width: 100%;
}
.name-job span {
  display: inline-block;
  font-size: 16px;
  color: rgba(0,0,0,0.5);
}
.name-job span:first-child {
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  margin-right: 20px;
  color: #000;
}
.swiper-container {
  width: 100%!important;
  /* margin-top: 62px; */
  overflow-y: visible!important;
  position: static!important;
}
.swiper-button-prev {
  width: 40px!important;
  height: 40px!important;
  background-image: url(../images/cite2022/arrow-left.png)!important;
  left: -20px!important;
  margin-top: -20px!important;
  border-radius: 50%;
  background-size: 100%!important;
  display: none;
}
.swiper-button-prev:hover {
  background-image: url(../images/cite2022/arrow_left_hover.png)!important;
  background-size: 100%!important;
}
.swiper-button-next {
  width: 40px!important;
  height: 40px!important;
  background-image: url(../images/cite2022/arrow-right.png)!important;
  right: -20px!important;
  margin-top: -20px!important;
  border-radius: 50%;
  background-size: 100%!important;
  display: none;
}
.swiper-button-next:hover {
  background-image: url(../images/cite2022/arrow-right-hover.png)!important;
  background-size: 100%!important;
}
.mcbox .sectionContent:hover .swiper-button-next, .mcbox .sectionContent:hover .swiper-button-prev, 
.reportsbox .sectionContent:hover .swiper-button-next, .reportsbox .sectionContent:hover .swiper-button-prev,
.partnersbox .sectionContent:hover .swiper-button-next, .partnersbox .sectionContent:hover .swiper-button-prev,
.guestslistbox .sectionContent:hover .swiper-button-next, .guestslistbox .sectionContent:hover .swiper-button-prev,
.reviewbox .sectionContent:hover .swiper-button-next, .reviewbox .sectionContent:hover .swiper-button-prev{
  display: flex;
}
.swiper-container .swiper-pagination {
  position: static;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  background-color: white;
  opacity: 1;
  cursor: pointer;
  margin: 0 4px;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #33a0ca;
}
.swiper-container-horizontal>.swiper-pagination-progressbar {
  position: static;
  width: 29%!important;
  margin: 0 auto;
  margin-top: 20px;
  height: 2px!important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 0!important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #000!important;
}
.swiper-pagination-progressbar {
  background: #F2F2F2!important;
}
.reportsbox .card {
  box-shadow: none;
}
.report-img, .report-img img {
  width: 240px;
  height: 180px;
}
.reportsbox .info {
  padding: 24px 20px;
  width: calc(100% - 240px);
  height: 180px;
}
.reportcontent {
  font-size: 16px;
  color: #000;
  line-height: 24px;
  margin-bottom: 20px;
  font-weight: 700;
}
.reportsbox .desc {
  font-size: 12px;
  color: rgba(0,0,0,0.5);
  line-height: 18px;
}
.date {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  font-size: 12px;
  line-height: 18px;
  color: rgba(0,0,0,0.35);
}
.awarsbox .tips {
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  margin: 22px 0 40px;
  color: #000;
}
.awarsbox .awards {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.signal {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.signal img {
  width: 270px;
  height: 180px;
  margin-bottom: 20px;
}
.signal p {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-weight: 700;
}
.mintainers {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.comp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.compImageBox {
  width: 224px;
  height: 125px;
  padding: 43px 35px;
  border: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 16px;
}
.comp img {
  width: 153px;
  height: 40px;
}
.citecomp .compImageBox {
  padding: 43px 54px;
}
.citecomp img {
  width: 115px;
  height: 40px;
}
.comp p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.partnersbox .sectionContent {
  margin-top: 13px;
}
.partner-img {
  display: flex;
  flex-wrap: wrap;
  -ms-flex-direction: row;
}
.partner-img img {
  width: 122px;
  height: 88px;
  display: block;
  border: 1px solid rgba(0,0,0,0.10);
}
.partner-img img:not(:nth-child(8n)) {
  margin-right: 32px;
  margin-bottom: 32px;
}
.sitImg {
  width: 1200px;
  height: 552px;
  margin-top: 13px;
}
.sitImg img {
  width: 100%;
  height: 100%;
}
#myModal .modal-dialog {
  margin: 10% auto 0 auto;
  width: 450px;
}
.modal-title, .modal-body {
  text-align: center;
  font-size: 20px;
  color: #666;
}
.modal-title, .modal-body {
  text-align: center;
  font-size: 20px;
  color: #666;
}
.modal-body {
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 12px;
  font-size: 18px;
  color: #333;
}
.modal-header .close {
  position: absolute;
  right: 8px;
  top: 6px;
  opacity: .4;
}
.modal-desc {
  font-size: 15px;
  color: #999;
  text-align: center;
  padding: 0 35px 15px;
}
.modal-footer {
  margin-top: 0;
  padding: 19px 20px 20px;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn {
  font-size: 16px;
  padding: 5px 90px;
  background-color: #F04E23;
  border-color: #F04E23;
  color: #ffffff;
}
.swiper-container-horizontal>.swiper-pagination-custom {
  position: static;
  width: 29%!important;
  margin: 20px auto 40px;
  height: 2px!important;
  background: #f2f2f2;
  cursor: pointer;
}
.swiper-pagination-custom ul {
  padding: 0;
}
.swiper-pagination-custom ul li {
  float: left;
  list-style: none;
  display: block;
  height: 2px;
  cursor: pointer;
}
.partners-pagination .paginationli, .guests-pagination .paginationli {
  width: calc(100% / 2);
}
.review-pagination .paginationli {
  width: calc(100% / 7);
}
.reports-pagination .paginationli {
  width: calc(100% / 3);
}
.mc-pagination .paginationli {
  width: calc(100% / 2);
}
.swiper-pagination-custom .active {
  background: #000;
}
.disableBtn {
  background-color: #d3e1e6;
  color: #fff;
  border: none;
  cursor: not-allowed;
}
.disableBtn:hover {
  background-color: #d3e1e6;
}
.disableBtn .baoming {
  display: none;
}
.disableBtn .baominghover {
  display: flex;
}
.liveState {
  margin-right: 20px;
}
.reportView {
  margin-bottom: 120px;
}
@media screen and (max-width: 767px) and (min-width: 0) {
  .review-pagination .paginationli {
    width: calc(100% / 8);
  }
  .swiper-container-horizontal>.swiper-pagination-custom {
    margin-bottom: 20px;
  }
  .reviewbox .swiper-container {
    margin-top: 20px;
  }
  .partners-pagination .paginationli {
    width: calc(100% / 4);
  }
  #cite2022 .content {
    background-color: #f4f4f4;
    padding-bottom: 20px;
  }
  .pc-el {
    display: none;
  }
  .sp-el {
    display: block;
  }
  #myModalNav.modal-backdrop {
    position: fixed;
    top: 60px;
  }
  #myModalNav {
    top: 60px;
  }
  #myModalNav .modal-dialog, .modal-dialog {
    margin: 0 auto;
    width: 100%;
  }
  #myModalNav .modal-content {
    border: none;
  }
  .navbox {
    width: 100%;
    padding: 0 16px;
  }
  .navlist {
    /* display: none; */
    width: 100%;
    background-color: rgb(241, 241, 241);
    padding: 15px 30px;
  }
  .navlist ul {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
  }
  .navlist ul li {
    width: 100%;
    padding: 8px 16px;
    height: auto;
    width: 100%;
    display: flex;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
    margin-left: 0;
  }
  .navlist ul li a {
    color: #000;
    text-decoration: none;
    height: auto;
    line-height: initial;
    width: 100%;
    font-size: 16px;
  }
  .navlist ul li a.hover {
    color: #0097C1;
  }
  .logobox div {
    margin-right: 20px;
  }
  .bannerImg {
    width: 100%;
  }
  .bannerImg img {
    width: 100%;
  }
  .livebox {
    margin-top: 20px;
    width: 100%;
    padding: 0 16px;
    background-color: #fff;
  }
  .cite_eef {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .act_content {
    width: 100%;
    padding: 0;
    order: 0;
  }
  .act_title {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 14px 0;
    width: 100%;
    text-align: center;
    display: inline-block;

  }
  .act_txt {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 14px;
    margin-top: 5px;
  }

  .underline, .quotation, .quotation2 {
    display: none;
  }
  .videoap {
    width: 100%;
    height: 193px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    order: 1;
    border-radius: 8px;
    overflow: hidden;
  }
  .videoap .equal-proportion-imgDiv, .videoap .equal-proportion-imgDiv img {
    width: 100%!important;
    height: 193px!important;
  }
  .videoap .video-icon-imgDiv {
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }
  .videoap .video-icon-imgDiv img {
    width: 40px;
    height: 40px;
  }
  .act_txt p {
    margin: 0;
    padding-top: 0;
    padding-bottom: 20px;
  }
  .act_txt p:last-child {
    padding: 0;
  }
    
  .topic {
    width: 100%;
    margin: 0;
    margin-top: 14px;
    margin-bottom: 20px;
    padding: 40px 59px;
    border-radius: 8px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(27,150,213,0.1),endColorStr=rgba(46,179,227 ,0.04));
    background: -ms-linear-gradient(top, rgba(27,150,213,0.1), rgba(46,179,227,0.04));
    background: -moz-linear-gradient(top,rgba(27,150,213,0.1),rgba(46,179,227,0.04));
    background: -webkit-gradient(linear, 0% 100%,from(rgba(27,150,213,0.1)), to(rgba(46,179,227,0.04)));
    background: -webkit-gradient(linear, 0% 100%, from(rgba(27,150,213,0.1)), to(rgba(46,179,227,0.04)));
    background: -webkit-linear-gradient(top, rgba(27,150,213,0.1), rgba(46,179,227,0.04));
    background: -o-linear-gradient(top, rgba(27,150,213,0.1), rgba(46,179,227,0.04));
  }
  .topic img {
    width: 100%;
    border-radius: 8px;
  }
  .livebox {
    padding: 0 16px;
    border-radius: 8px;
  }
  .sectionModule {
    width: 100%;
    padding: 0 16px;
    background-color: #fff;
  }
  .agenda {
    background: #F4F4F4;
    padding: 25px 16px 20px;
  }
  .sp-el.agendaTitle, .sp-el.guestslistTitle {
    width: 100%;
    position: relative;
    height: 52px;
    margin-left: 0;
  }
  .sp-el.agendaTitle {
    height: 45px;
  }
  .titleline {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .sp-el .sptitle {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 30px;
    width: 100%;
  }
  .sp-el .sptitlebg {
    width: 30px;
    height: 35px;
    background: url(../images/cite2022/titlebg.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: -5px;
    top: -2px;
  }
  .sp-el .agendaDateBtn {
    width: 100%;
    border-radius: 6px;
  }
  .sp-el .titlebtn {
    /* width: 84px; */
    height: 30px;
    padding: 6px 14px;
    background: #0097c1;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    line-height: 20px;
    position: static;
    border: none;
  }
  .sp-el.agendaContent {
    padding: 0;
    width: 100%;
  }
  .sp-el .agendaDate {
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    color: #0097c1;
    font-size: 14px;
    line-height: 34px;
  }
  .sp-el .agendaDate div {
    width: 50%;
    text-align: center;
    background-color: #fff;
  }
  .sp-el .agendaDate .agenda517btn {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .sp-el .agendaDate .agenda518btn {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid #0097c1;
  }
  .sp-el .agendaDate .agendaActive {
    background-color: #0097c1;
    color: #fff;
  }
  .sp-el .agendaTableBox {
    margin-top: 6px;
    padding: 0;
    width: 100%;
  }
  .sp-el .detailHead {
    background: none;
    height: auto;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    border-left: 4px solid #0097c1;
    padding-left: 10px;
    margin-top: 3px;
  }
  .scheduleList {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    border: none;
    padding-top: 23px;
  }
  .sp-el .schedetail {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .sp-el .timerender {
    width: 40px;
    /* height: 54px; */
    background-color: rgba(0,0,0,0.05);
    padding: 8px 4px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .star,.split,.end {
    width: 100%;
    display: block;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
  }
  .split {
    height: 15px;
    background: url(../images/cite2022/split.png) no-repeat;
    background-size: 100%;
  }
  .sp-el .theme {
    width: calc(100% - 40px);
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  .sp-el .theme p{
    font-size: 10px;
    line-height: 15px;
    color: rgba(0,0,0,0.5);
    margin-bottom: 2px;
  }
  .sp-el .theme p.themeTitle {
    font-size: 14px;
    color: rgba(0,0,0,1);
    line-height: 21px;
    margin-bottom: 8px;
  }
  .schedulesplit {
    width: calc(100% - 45px);
    height: 1px;
    background-color: rgba(0,0,0,0.1);
    margin: 13px 0;
  }
  .sp-el .joinDetail {
    margin-top: 10px;
    background-color: #fff;
    border-radius: 6px;
    padding: 18px 12px;
    margin-bottom: 10px;
    padding-bottom: 16px;
  }
  .sp-el .joinDetail:nth-child(2n){
    margin-bottom: 0;
  }
  .awarsbox .joinbtn,
  .awarsbox .joinbtn0812,
  .awarsbox .joinbtn0813 {
    height: 30px;
    background-color: #0097c1;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 6px 14px;
    color: #fff;
  }
  .guestslistbox {
    border-radius: 8px;
    padding-top: 15px;
    margin-bottom: 20px;
  }
  .guestsTabs {
    padding: 0;
    width: 100%;
  }
  .guestinfo {
    width: 107px;
    height: 135px;
    margin-bottom: 12px;
  }
  .guestinfo:last-child {
    margin-bottom: 20px;
  }
  .mcbox,.reviewbox {
    border-radius: 8px;
    padding-top: 15px!important;
    margin-bottom: 20px;
  }
  .mcTitle, .reportsTitle, .awarsTitle, .maintainerTitle, .partnersTitle, .sitTitle {
    width: 100%;
    height: 52px;
    margin-left: 0;
  }
  .sectionContent {
    padding: 0;
    width: 100%;
  }
  .mcbox .sectionContent {
    border-radius: 8px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(247,150,27,0.1),endColorStr=rgba(247,150,27,0));
    background: -ms-linear-gradient(top, rgba(247,150,27,0.1), rgba(247,150,27,0));
    background: -moz-linear-gradient(top,rgba(247,150,27,0.1),rgba(247,150,27,0));
    background: -webkit-gradient(linear, 0% 100%,from(rgba(247,150,27,0.1)), to(rgba(247,150,27,0)));
    background: -webkit-gradient(linear, 0% 100%, from(rgba(247,150,27,0.1)), to(rgba(247,150,27,0)));
    background: -webkit-linear-gradient(top, rgba(247,150,27,0.1), rgba(247,150,27,0));
    background: -o-linear-gradient(top, rgba(247,150,27,0.1), rgba(247,150,27,0));
  }
  .mcbox .swiper-container {
    border-radius: 8px;
    margin: 0;
  }

  .pop-video {
    width: 100%;
    display: none;
    position: relative;
  }
  .pop-video video {
    display: block;
    width: 100%;
    height: auto;
    background: #000;
  }
  .swiper-container {
    margin-top: 10px;
  }
  .swiper-container .swiper-pagination {
    position: static;
  }
  .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background-color: white;
    opacity: 1;
    cursor: pointer;
    margin: 0 4px;
  }
  .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #33a0ca;
  }
  .card {
    display: flex;
    margin-bottom: 10px;
    flex-direction: column;
    border: none;
    box-shadow: none;
    align-items: center;
    justify-content: center;
    padding: 20px 16px 0;
  }
  .host-img, .host-img img {
    width: 120px;
    height: 120px;
  }
  .host-img {
    border-radius: 50%;
  }
  .sp-el.info {
    width: 100%;
    padding: 0;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .desc {
    font-size: 12px;
    line-height: 18px;
    color: rgba(0,0,0,0.5);
    margin-bottom: 17px;
  }
  .info p:nth-child(2) {
    height: 16px;
    padding: 0 6px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(247,150,27,1),endColorStr=rgba(247,150,27,0.6));
    background: -ms-linear-gradient(left, rgba(247,150,27,1), rgba(247,150,27,0.6));
    background: -moz-linear-gradient(left,rgba(247,150,27,1),rgba(247,150,27,0.6));
    background: -webkit-gradient(linear, 0% 100%,from(rgba(247,150,27,1)), to(rgba(247,150,27,0.6)));
    background: -webkit-gradient(linear, 0% 100%, from(rgba(247,150,27,1)), to(rgba(247,150,27,0.6)));
    background: -webkit-linear-gradient(left, rgba(247,150,27,1), rgba(247,150,27,0.6));
    background: -o-linear-gradient(left, rgba(247,150,27,1), rgba(247,150,27,0.6));
    text-align: center;
    border-radius: 10px;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 14px;
  }
  .info p:first-child {
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    color: #000;
    font-weight: 700;
    margin-bottom: 4px;
  }
  .swiper-container-horizontal>.swiper-pagination-progressbar {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .reportContentCard, .reportContentCard a {
    width: 100%;
    display: flex!important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .articleImg, .articleImg img {
    width: 89px;
    height: 89px;
    border-radius: 6px;
  }
  .article {
    width: calc(100% - 89px);
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 89px;
  }
  .article p {
    margin: 0;
  }
  .articleTitle {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 700;
  }
  .partner-img {
    justify-content: space-between;
  }
  .partner-img img {
    margin-bottom: 20px!important;
    margin-right: 20px!important;
  }
  .partner-img img:nth-child(3n) {
    margin-right: 0px!important;
  }
  .pubdate {
    font-size: 12px;
    line-height: 18px;
    color: rgba(0,0,0,0.35);
  }
  .reportsbox {
    padding-top: 15px;
    border-radius: 8px;
    padding-bottom: 20px;
  }
  .articlesplit, .awarsplit {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,0.1);
    margin: 12px 0;
  }
  .articlesplit:last-child {
    display: none;
  }
  .awarsbox, .partnersbox, .sitbox, .maintainerbox, .reportView {
    border-radius: 8px;
    margin-top: 20px;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .awarsbox .tips {
    margin: 7px 0 20px;
    font-size: 14px;
    line-height: 21px;
    color: #000;
  }
  .awarsbox .awards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 8px;
    margin-top: 20px;
  }
  .signal {
    margin-bottom: 20px;
  }
  .signal img {
    width: 150px;
    height: 100px;
    margin-bottom: 8px;
    border-radius: 4px;
  }
  .signal p {
    font-size: 12px;
    color: rgba(0,0,0,1);
    line-height: 18px;
    font-weight: 700;
  }
  .awarsplit {
    margin: 0 0 16px;
  }
  .mintainers {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 8px;
  }
  .comp {
    margin-right: auto;
    margin-bottom: 20px;
  }
  .comp:nth-child(2) {
    margin-right: 0;
  }
  .compImageBox {
    width: 150px;
    height: 84px;
    margin-bottom: 8px;
    padding: 28px 23px;
  }
  .comp img {
    width: 103px;
    height: 27px;
  }
  .citecomp img {
    width: 77px;
  }
  .citecomp .compImageBox {
    padding: 28px 36px;
  }
  .comp p {
    font-size: 12px;
    line-height: 18px;
  }
  .partner-img img {
    width: 90px;
    height: 65px;

  }
  .sitImg {
    width: 100%;
    height: auto;
    /* margin-bottom: 20px; */
  }
  .sitImg img {
    width: 100%;
    height: 210px;
  }
  .mapdetail {
    width: 242px!important;
    height: auto!important;
  }
  .returnTop {
    bottom: 50px;
  }
  .pc-el.swiper-button-prev, .pc-el.swiper-button-next {
    display: none!important;
  }
  #myModal .modal-dialog, .modal-dialog {
    margin-top: 20%;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  #myModal .modal-dialog {
    max-width: 450px;
  }
  .modal-title {
    font-size: 18px;
  }
  .modal-body {
    padding: 20px;
    font-size: 15px;
  }
  .modal-desc {
    font-size: 13px;
  }
  .sp-el.guestsTabs{
    display: flex!important;
  }
  .pc-el.guestsTabs{
    display: none!important;
  }
  .aboutLive {
    width: 162px;
    height: 30px;
    margin: 0;
    background-color: #0097C1;
    border-radius: 15px;
    line-height: 30px;
    justify-content: center;
    margin: 0 auto;
  }
  .sp-el .joinbtn,
  .sp-el .joinbtn0812,
  .sp-el .joinbtn0813 {
    width: auto;
    height: auto;
    border: none;
    line-height: 30px;
  }
  .sp-el .titlebtn.disableBtn {
    background-color: #d3e1e6;
    color: #fff;
    border: none;
    cursor: not-allowed;
  }
  .sp-el .titlebtn.disableBtn:hover {
    background-color: #d3e1e6;
  }
  .sp-el .titlebtn.disableBtn .baoming {
    display: none;
  }
  .sp-el .titlebtn.disableBtn .baominghover {
    display: flex;
  }
  .liveState {
    margin: 0;
  }
  .joinbtn:hover, .joinbtn0812:hover, .joinbtn0813:hover {
    background-color: #0097c1;
    color: #fff;
  }
  .navActive {
    border-bottom: none;
    font-weight: normal;
  }
  .partnersbox .sectionContent {
    padding: 0 8px;
  }
}