/*login页面用到的*/
.login-container {
}

.page-nav {
  width: 100%;
  margin-top: 30px;
}

.page-nav a.page-nav-item {
  font-weight: 400;
  color: #1d1e22;
  line-height: 20px;
}

.page-nav a.page-nav-item:after {
  font-weight: 400;
  color: #686b74;
  line-height: 20px;
  font-size: 14px;
  content: ">";
  display: inline-block;
  margin-left: 5px;
}

.page-nav a.page-nav-item:hover {
  text-decoration: underline;
}

.page-nav span.page-nav-item {
  font-weight: 400;
  color: #686b74;
  line-height: 20px;
}

.login-box {
  width: 100%;
  display: flex;
  background: #fff;
  margin-top: 10px;
}

.login-right {
  flex: 1;
  padding: 0 60px;
  box-sizing: border-box;
}

.login-right-tab {
  width: 100%;
  border-bottom: #e6e6e6 1px solid;
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

.login-right-tab-item {
  color: #1d1e22;
  width: 165px;
  height: 40px;
  line-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: #fff 2px solid;
  margin: 0 15px;
}

.login-right-tab-item-ck {
  border-bottom: #2464f5 2px solid;
}

.login-right-tab-item-icon {
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 5px;
}

.login-right-block {
  width: 100%;
  display: flex;
  justify-content: center;
}

.login-block-box {
  width: 350px;
  margin-top: 60px;
}

.mobile-login-title {
  /*font-family: Roboto;*/
  color: #1d1e22;
  line-height: 28px;
  font-weight: 500;
  padding-bottom: 20px;
  display: none;
}

.mobile-login-bottom {
  width: 100%;
  display: none;
}

.mobile-login-bottom-get-code {
  font-weight: 400;
  color: #2878ff;
  line-height: 20px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.mobile-login-switch {
  height: 50px;
  background: #ffffff;
  border: 1px solid #2464f5;
  box-sizing: border-box;
  color: #2464f5;
  line-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 20px;
}

.mobile-login-top-tit {
  width: 260px;
  /*height: 70px;*/
  margin: 40px auto 30px auto;
  display: none;
}

.personal-info-container {
  max-width: 960px;
  margin: 10px auto 30px auto;
  padding: 60px;
  box-sizing: border-box;
  border-top: #2464f5 2px solid;
  background: #fff;
}

.personal-info-title {
  color: #2464f5;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
}

.personal-info-block {
  width: 100%;
  margin-top: 30px;
}

.personal-info-block-title {
  color: #1d1e22;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 24px;
  padding-bottom: 20px;
}

.personal-info-block-title b {
  color: #d52020;
  line-height: 24px;
  margin-left: 5px;
}

.privacy-policy-container {
  min-height: 48px;
  background: #f7f7f7;
  border-radius: 2px;
  display: flex;
  align-items: flex-start;
  padding: 12px 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.privacy-policy-text {
  font-weight: 400;
  color: #1d1e22;
  line-height: 24px;
  margin-left: -10px;
}

.privacy-policy-text a {
  color: #3b88fd;
}

.privacy-policy-text a:hover {
  text-decoration: underline;
}

.account-page {
  max-width: 1200px;
  /*height: 100%;*/
}

.account-page-container {
  padding: 30px;
  width: 960px;
  flex: none;
}

.account-page-main {
  padding: 30px 90px;
}

.account-page-title {
  font-size: 20px;
  font-weight: 600;
  color: #1d1e22;
  line-height: 28px;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: #e6e6e6 1px solid;
  text-transform: uppercase;
}

.account-page-body {
  width: 1200px;
  display: flex;
}

.account-page-left {
  width: 210px;
  flex: none;
  border-top: #2464f5 2px solid;
  background: #fff;
  margin: 10px 30px 30px 0px;
  padding: 10px 0;
  box-sizing: border-box;
}

.account-page-left-block {
  margin-top: 10px;
}

.account-page-left-tit {
  color: #1d1e22;
  font-weight: 600;
  line-height: 48px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.account-page-left-nav {
  color: #1d1e22;
  font-weight: 400;
  line-height: 40px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  display: block;
}

.account-page-left-block .account-page-left-nav-ck,
.account-page-left-nav:hover {
  color: #2464f5;
}

.account-full-view {
  display: flex;
}

.account-full-view .account-page {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.account-full-view .account-page .page-nav {
  flex: none;
}

.account-full-view .account-page .account-page-body {
  flex: 1;
}

.order-page-main {
  padding: 20px 0;
}

.order-header {
  width: 100%;
  height: 36px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
}

.order-table-container {
  display: flex;
  flex-wrap: wrap;
}

.order-table-container .order-table-item:nth-child(1) {
  flex: 1;
}

.order-table-container .order-table-item:nth-child(2) {
  width: 120px;
  flex: none;
}

.order-table-container .order-table-item:nth-child(3) {
  width: 120px;
  flex: none;
}

.order-table-container .order-table-item:nth-child(4) {
  width: 120px;
  flex: none;
}

.order-header-item {
  color: #77797e;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
}

.order-list {
  width: 100%;
}

.order-list-item {
  margin-top: 20px;
  width: 100%;
}

.order-list-item-top {
  width: 100%;
  background: #e6e6e6;
  padding: 0 20px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  height: 42px;
  align-items: center;
}

.order-top-text {
  flex: 1;
  display: flex;
}

.order-list-item-top,
.order-number,
.order-list-item-top,
.order-buyer {
  color: #77797e;
  line-height: 20px;
  margin-right: 20px;
}

.order-top-status {
  color: #1d1e22;
  line-height: 20px;
  font-weight: 500;
}

.order-list-item-content {
  width: 100%;
  display: flex;
  height: auto;
  flex-wrap: wrap;
  border-bottom: #e6e6e6 1px solid;
  border-left: #e6e6e6 1px solid;
  border-right: #e6e6e6 1px solid;
  box-sizing: border-box;
}

.order-list-item-content .order-table-item {
  display: flex;
  align-items: center;
  height: 100px;
}

.order-list-item-content-ticket {
  padding: 0 20px;
  box-sizing: border-box;
  justify-content: flex-start;
}

.order-list-item-content .order-list-item-content-number,
.order-list-item-content .order-list-item-content-price,
.order-list-item-content .order-list-item-content-details {
  justify-content: center;
}

.order-list-item-content-price span {
  display: none;
}

.order-list-item-content-ticket .order-list-item-element {
  font-weight: 500;
  color: #1d1e22;
  line-height: 24px;
  display: flex;
  align-items: flex-start;
}

.order-list-item-content-ticket .order-list-item-element:before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url("../src/ticket_icon.png");
  margin-right: 10px;
}

.order-list-item-content-number .order-list-item-element {
  font-weight: 400;
  color: #1d1e22;
  line-height: 24px;
}

.order-list-item-content-price .order-list-item-element {
  font-weight: 500;
  color: #d52020;
  line-height: 24px;
}

.order-list-item-content-price .order-list-item-element span {
  font-weight: 400;
  color: #1d1e22;
  line-height: 24px;
  margin-left: 10px;
}

.order-list-item-content-details .order-list-item-element {
  font-weight: 400;
  color: #2878ff;
  line-height: 24px;
  display: flex;
  align-items: center;
}

.order-list-item-content-details .order-list-item-element:hover {
  text-decoration: underline;
}

.order-list-item-content-details .order-list-item-element:after {
  content: "";
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  background-image: url("../src/details.png");
  margin-left: 2px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

.order-list-item-content-details .order-list-item-element-down:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

.order-list-personal-info-box {
  width: 100%;
  border-top: #e6e6e6 1px solid;
  padding: 20px;
  box-sizing: border-box;
  /*margin-bottom: 20px;*/
}

.order-list-personal-info {
  width: 100%;
  background: #f7f7f7;
  padding: 15px 20px;
  box-sizing: border-box;
}

.order-list-personal-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0;
}

.order-list-personal-tit {
  color: #1d1e22;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 100%;
}

.order-list-personal-tit:before {
  width: 24px;
  height: 24px;
  background-image: url("../src/personal.png");
  background-size: 24px 24px;
  display: block;
  margin-right: 5px;
  content: "";
}

.order-list-personal-item {
  padding-left: 30px;
  box-sizing: border-box;
  width: 50%;
  font-weight: 400;
  color: #1d1e22;
  line-height: 16px;
  font-size: 0.875rem;
  margin-top: 10px;
  display: flex;
}

.order-list-personal-item label {
  font-weight: 400;
  color: #77797e;
  line-height: 16px;
  font-size: 0.875rem;
  margin-right: 5px;
  white-space: nowrap;
}

.order-list-personal-item:first-child {
  margin-top: 15px;
}

.order-list-personal-item:last-child {
  width: 100%;
}

.order-list-item-bottom {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-top: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 42px;
  /*margin-top: 20px;*/
}

.order-list-item-bottom-left {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.order-list-item-bottom-left span {
  font-weight: 400;
  color: #77797e;
  line-height: 16px;
  font-size: 12px;
  margin-right: 10px;
  white-space: nowrap;
}

.order-list-item-bottom-right {
  color: #1d1e22;
  line-height: 24px;
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  align-items: center;
}

.order-list-item-bottom-right span {
  font-weight: 500;
  margin-left: 5px;
  color: #d52020;
  line-height: 24px;
  font-size: 1rem;
}

.login-left {
  width: 300px;
  display: block;
  height: auto;
}

.order-list-item-bottom-left span a {
  color: #fff;
}

.order-list-item-bottom-left span a:hover {
  /*text-decoration: underline;*/
}

.order-list-item-bottom-pay {
  width: 64px;
  height: 28px;
  background: #d52020;
  border-radius: 2px;
  color: #ffffff;
  line-height: 24px;
  text-align: center;
  margin-left: 10px;
}

.mobile-order-list-item-bottom {
  width: 100%;
  padding: 20px 10px;
  box-sizing: border-box;
  background: #f7f7f7;
  position: relative;
  margin-top: 10px;
  display: none;
}

.mobile-order-list-item-bottom:before {
  border-bottom: #f7f7f7 5px solid;
  border-left: transparent 5px solid;
  border-right: transparent 5px solid;
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  right: 30px;
}

.mobile-order-list-item-bottom-item {
  color: #77797e;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-order-list-item-bottom-item .mobile-order-list-item-bottom-item-tit,
.mobile-order-list-item-bottom-item .mobile-order-list-item-bottom-item-txt {
  font-weight: 400;
  color: #77797e;
  line-height: 20px;
  margin-top: 10px;
}

.mobile-order-list-item-bottom-item .mobile-order-list-item-bottom-item-tit {
  white-space: nowrap;
  padding-right: 20px;
}

.mobile-order-list-item-bottom-item:first-child
  .mobile-order-list-item-bottom-item-tit,
.mobile-order-list-item-bottom-item:first-child
  .mobile-order-list-item-bottom-item-txt {
  font-weight: 500;
  margin-top: 0px;
}

.mobile-order-list-item-price-container {
  /*display: flex;*/
  justify-content: space-between;
  color: #1d1e22;
  line-height: 24px;
  height: 42px;
  align-items: center;
  display: none;
}

.mobile-order-list-item-price {
  font-weight: 500;
  color: #2464f5;
  line-height: 24px;
  align-items: center;
  display: flex;
}

.order-price-void {
  font-weight: 400 !important;
  color: #77797e !important;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 0.875rem !important;
  margin-left: 10px;
  text-decoration: line-through;
}

.mobile-order-list-item-pay {
  width: 64px;
  height: 28px;
  background: #d52020;
  border-radius: 2px;
  color: #ffffff;
  line-height: 24px;
  text-align: center;
  margin-left: 10px;
  display: block;
}

.mobile-order-list-personal-info-box {
  width: 100%;
  display: none;
}

.mobile-order-list-personal-tit {
  color: #1d1e22;
  line-height: 24px;
  font-weight: 500;
}

.mobile-order-list-personal-item {
  width: 100%;
  font-weight: 400;
  color: #1d1e22;
  line-height: 16px;
  margin-top: 15px;
}

.mobile-order-list-personal-item label {
  font-weight: 400;
  color: #77797e;
  line-height: 16px;
  margin-right: 5px;
  margin-bottom: 0px !important;
}

.mobile-order-list-personal-block {
  padding: 20px 0;
  border-top: #e6e6e6 1px solid;
}

.order-list-personal-info-container {
  display: none;
}

.modal-close {
  background: url("../src/modal_close.png") no-repeat center center;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}

.modal-dialog-main {
  padding-bottom: 0px !important;
  border-radius: 4px;
}

.bank-information-modal-content {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  min-width: 480px;
}

.bank-information-title {
  color: #1d1e22;
  line-height: 24px;
  font-weight: 500;
  padding-bottom: 10px;
}

.bank-information-item {
  display: flex;
  margin-top: 10px;
  width: 100%;
}

.bank-information-item .bank-information-item-txt {
  font-size: 0.875rem;
  color: #1d1e22;
  line-height: 24px;
  width: 1px;
  flex: 1;
}

.bank-information-item .bank-information-item-tit {
  font-size: 0.875rem;
  white-space: nowrap;
  flex: none;
  margin-right: 5px;
  color: #77797e;
  line-height: 24px;
}

.bank-info {
  color: #fff;
  height: 24px;
  background: #2464f5;
  border-radius: 2px;
  line-height: 24px;
  display: inline-block;
  padding: 0 10px;
  /*margin-left: 5px;*/
}

.tickets-full-view {
  display: flex;
}

.tickets-full-view .tickets-page {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tickets-full-view .tickets-page .page-nav {
  flex: none;
}

.tickets-full-view .tickets-page .tickets-page-body {
  flex: 1;
}

.document-full-view {
  display: flex;
}

.document-full-view .document-page {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.document-full-view .document-page .page-nav {
  flex: none;
}

.document-full-view .document-page .document-page-body {
  flex: 1;
}

.document-page {
  max-width: 1200px;
}

.document-page-body {
  width: 1200px;
  display: flex;
  flex-direction: column;
}

.document-page-content {
  background-color: #fff;
  padding: 60px;
  box-sizing: border-box;
  margin-top: 30px;
}

.tickets-page {
  max-width: 1200px;
}

.tickets-page-body {
  width: 1200px;
  display: flex;
  flex-direction: column;
}

.tickets-page-top {
  display: flex;
  margin: 30px -5px;
  flex: none;
}

.tickets-page-top-box {
  padding: 0 5px;
  box-sizing: border-box;
  flex: 1;
}

.tickets-page-top-item {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #cccccc;
  color: #77797e;
}

.tickets-page-top-item:before {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  text-align: center;
  justify-content: center;
  color: #77797e;
  border: #77797e 1px solid;
  line-height: 24px;
  margin-right: 5px;
  content: attr(data-num);
}

.tickets-page-top-item-now {
  background: #2464f5;
  color: #fff;
}

.tickets-page-top-item-now:before {
  color: #fff;
  border: #fff 1px solid;
}

.tickets-page-top-item-finished:before {
  background-image: url("../src/finished.png");
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  content: "";
  display: block;
}

.tickets-page-main {
  width: 100%;
  flex: 1;
  display: flex;
  margin: 0 -15px;
}

.tickets-page-main-full {
  width: 100%;
  flex: 1;
  display: flex;
}

.tickets-page-main:before,
.tickets-page-main:after {
  content: "";
  display: block;
}

.tickets-page-left-container {
  width: 870px;
  padding: 0 15px;
  box-sizing: border-box;
  flex: none;
}

.tickets-page-right-container {
  width: 360px;
  padding: 0 15px;
  box-sizing: border-box;
  flex: none;
}

.tickets-page-left,
.tickets-page-right {
  background: #fff;
  width: 100%;
  height: 100%;
}

.tickets-page-left {
  padding: 60px;
  box-sizing: border-box;
}

.tickets-page-title {
  color: #1d1e22;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 600;
}

.tickets-page-title2 {
  font-weight: 400;
  color: #77797e;
  line-height: 24px;
  margin: 30px 0 0 0;
}

.tickets-page-block {
  width: 100%;
  margin-top: 30px;
  padding-bottom: 30px;
}

.tickets-page-block-title {
  color: #1d1e22;
  line-height: 24px;
  width: 100%;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px #e6e6e6 solid;
  text-transform: uppercase;
  font-weight: 600;
}

.tickets-page-block-delete {
  font-weight: 400;
  color: #2878ff;
  line-height: 20px;
  text-transform: initial;
  display: flex;
  align-items: center;
}

.tickets-page-block-delete:before {
  background-image: url("../src/delete.png");
  background-size: 16px 16px;
  width: 16px;
  margin-right: 5px;
  height: 16px;
  display: block;
  content: "";
}

.tickets-page-block-delete:hover {
  text-decoration: underline;
}

.tickets-page-info {
  margin-top: 20px;
}

.tickets-page-message {
  min-height: 40px;
  background: #fffbe6;
  border-radius: 1px;
  border: 1px solid #ffe58f;
  padding: 10px;
  box-sizing: border-box;
  font-weight: 400;
  color: #77797e;
  line-height: 20px;
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 30px;
}

.tickets-page-message:before {
  background: url("../src/warning.png");
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  content: "";
  display: block;
  flex: none;
  margin: 2px 5px 0 0;
}

.tickets-page-personal-info {
  width: 100%;
  padding-bottom: 10px;
}

.tickets-page-right {
  padding: 30px;
  box-sizing: border-box;
}

.tickets-page-right-title {
  color: #1d1e22;
  line-height: 24px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 600;
}

.tickets-page-right-block {
  padding: 30px 0;
  border-bottom: #e6e6e6 1px solid;
}

.tickets-page-right-block .agenda-message-bar {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 0.75rem;
}

.tickets-page-right-block-title {
  color: #1d1e22;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.tickets-page-right-block-item {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  color: #1d1e22;
  line-height: 20px;
  align-items: center;
  margin-top: 20px;
}

.tickets-page-right-count-box {
  display: flex;
  align-items: center;
}

.tickets-page-right-count-plus {
  background-image: url("../src/plus.png");
  background-size: 23px 23px;
  width: 23px;
  height: 23px;
}

.tickets-page-right-count-minus {
  background-image: url("../src/minus.png");
  background-size: 23px 23px;
  width: 23px;
  height: 23px;
}

.tickets-page-right-count-minus[disabled="disabled"] {
  opacity: 0.3;
  cursor: inherit;
}

.tickets-page-right-count-num {
  font-weight: 400;
  color: #1d1e22;
  line-height: 20px;
  width: 50px;
  display: flex;
  justify-content: center;
}

.tickets-page-right-price {
  color: #d52020;
  line-height: 20px;
  font-size: 0.875rem;
}

.tickets-page-right-price span {
  font-weight: 400;
  color: #77797e;
  line-height: 20px;
  text-decoration: line-through;
  margin-left: 10px;
}

.tickets-page-right-bottom {
  display: flex;
  justify-content: space-between;
  color: #1d1e22;
  line-height: 24px;
  font-weight: 500;
  margin-top: 20px;
  font-size: 1rem;
}

.tickets-page-right-bottom-price {
  color: #d52020;
  line-height: 24px;
  font-weight: 500;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
}

.tickets-page-right-bottom-price span {
  color: #77797e;
  line-height: 24px;
  font-weight: 500;
  font-size: 1rem;
  text-decoration: line-through;
  margin-left: 10px;
}

.set-default-btn {
  display: flex;
  align-items: center;
  /*border-top: #dedede 1px solid;*/
  padding-top: 10px;
}

.set-default-btn .input-checkbox-item,
.checkbox-list-box .input-checkbox-item {
  margin: 5px 10px 5px 0;
}

.set-default-text {
  cursor: pointer;
}

.tickets-page-right-block-text {
  background-color: #eef3ff;
  padding: 10px;
  box-sizing: border-box;
  font-size: 0.875rem;
  line-height: 20px;
  position: relative;
  margin-top: 20px;
}

.tickets-page-right-block-text:before {
  border-bottom: #eef3ff 5px solid;
  border-left: transparent 5px solid;
  border-right: transparent 5px solid;
  position: absolute;
  top: -5px;
  right: 20px;
  content: "";
  display: block;
}

.mobile-view-bottom-bar {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  height: 50px;
  background: #fff;
  border-top: #e6e6e6 1px solid;
  display: none;
  box-sizing: border-box;
  z-index: 1000;
  padding: 0px 15px;
  justify-content: space-between;
  align-items: center;
}

.mobile-view-bottom-submit-btn {
  width: 100px;
  height: 40px;
  background: linear-gradient(270deg, #2464f5 0%, #0196ff 100%);
  background: -webkit-linear-gradient(180deg, #2464f5 0%, #0196ff 100%);
  font-size: 16px;
  /* font-family: Roboto; */
  color: #ffffff;
  line-height: 38px;
  text-align: center;
  display: block;
}

.mobile-view-bottom-submit-btn:hover {
  background: linear-gradient(90deg, #01d6ff 0%, #447eff 100%);
  background: -webkit-linear-gradient(0deg, #01d6ff 0%, #447eff 100%);
}

.mobile-view-bottom-left-ticket {
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  background-image: url("../src/ticket_icon.png");
  position: relative;
}

.mobile-view-bottom-left-ticket-num {
  position: absolute;
  width: 18px;
  height: 18px;
  top: -8px;
  right: -8px;
  line-height: 18px;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  background: #f52020;
  border-radius: 50%;
}

.mobile-view-bottom-left-ticket-price {
  color: #2464f5;
  line-height: 28px;
  font-size: 1.25rem;
  margin-left: 20px;
  display: flex;
  align-items: center;
}

.mobile-view-bottom-left-ticket-price-void {
  font-weight: 400;
  color: #77797e;
  line-height: 20px;
  font-size: 0.875rem;
  margin-left: 10px;
  text-decoration: line-through;
}

.mobile-view-bottom-left {
  display: flex;
  align-items: center;
}

.mobile-view-bottom-bar-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 998;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  display: none;
}

.mobile-view-bottom-bar-mask-show {
  display: block;
}

.mobile-view-bottom-buy-box {
  position: absolute;
  padding-top: 20px;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
  background: #fff;
  border-radius: 4px 4px 0px 0px;
  top: 0px;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  left: 0px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  /*display: none;*/
}

.mobile-view-bottom-buy-box-show {
  transform: translateY(calc(-100% - 1px));
  -webkit-transform: translateY(calc(-100% - 1px));
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.mobile-view-bottom-buy-item {
  padding: 10px 0;
  border-bottom: #e6e6e6 1px solid;
}

.mobile-view-bottom-buy-item:last-child {
  border-bottom: none;
}

.mobile-view-bottom-buy-item .agenda-message-bar {
  margin-bottom: 10px;
  margin-top: 10px;
}

.mobile-view-bottom-buy-box-title {
  color: #1d1e22;
  line-height: 28px;
  font-size: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.mobile-view-bottom-buy-item-tit {
  color: #1d1e22;
  line-height: 20px;
  font-weight: 500;
  font-size: 0.875rem;
}

.mobile-view-bottom-buy-item-tit2 {
  font-weight: 400;
  color: #77797e;
  line-height: 20px;
  font-size: 0.875rem;
  margin-top: 5px;
}

.mobile-view-bottom-buy-item-count-box {
  margin-top: 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.mobile-view-bottom-buy-item-count-price {
  color: #2464f5;
  line-height: 20px;
  font-size: 0.875rem;
  font-weight: 500;
}

.mobile-view-bottom-buy-item-count-price
  .mobile-view-bottom-buy-item-count-price-void {
  font-weight: 400;
  color: #77797e;
  line-height: 20px;
  font-size: 0.875rem;
  text-decoration: line-through;
  margin-left: 10px;
}

.mobile-view-bottom-buy-item-count {
  display: flex;
  align-items: center;
}

.mobile-view-bottom-buy-item-plus {
  background-image: url("../src/plus.png");
  background-size: 23px 23px;
  width: 23px;
  height: 23px;
  display: block;
}

.mobile-view-bottom-buy-item-minus {
  background-image: url("../src/minus.png");
  background-size: 23px 23px;
  width: 23px;
  height: 23px;
  display: block;
}

.mobile-view-bottom-buy-item-num {
  font-weight: 400;
  color: #1d1e22;
  line-height: 20px;
  width: 50px;
  display: flex;
  justify-content: center;
}

.mobile-view-bottom-buy-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 15px;
}

.tickets-input-code-link {
  position: absolute;
  color: #3b88fd;
  right: 0px !important;
  bottom: 0px;
}

.tickets-input-code-link:hover {
  text-decoration: underline;
}

.tickets-page-full {
  width: 100%;
  background: #fff;
  padding: 60px;
  box-sizing: border-box;
}

.tickets-page-full-title {
  color: #1d1e22;
  line-height: 28px;
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 60px;
}

.tickets-page-full-title:first-child {
  margin-top: 0px;
}

.tickets-all-table {
  margin-top: 30px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.tickets-all-table td {
  border: 1px #d8d8d8 solid;
  text-align: center;
  padding: 0 15px;
}

.tickets-all-table thead td {
  background: #f7f7f7;
  height: 34px;
}

.tickets-all-table tbody td {
  background: #fff;
  height: 50px;
}

.tickets-all-table tbody td span {
  font-weight: 500;
  color: #d52020;
}

.tickets-payment-method-box {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}

.tickets-payment-method-item {
  width: 182px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: #cccccc 1px solid;
  margin-right: 20px;
  box-sizing: border-box;
}

.tickets-payment-method-item img {
  width: 180px;
  height: 60px;
  display: block;
}

.tickets-payment-method-item-ck {
  border: #2464f5 1px solid;
  position: relative;
}

.tickets-payment-method-item-ck:after {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-image: url("../src/payment_method.png");
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  content: "";
  display: block;
}

.tickets-payment-method-text {
  font-weight: 400;
  color: #77797e;
  /*line-height: 20px;*/
  font-size: 0.875rem;
  margin-top: 0px;
  /*padding-bottom: 10px;*/
  width: 100%;
  border-bottom: #e6e6e6 1px solid;
}

.tickets-payment-method-textBox {
  width: 100%;
  height: auto;
  background: #fffbe6;
  border-radius: 1px;
  border: 1px solid #ffe58f;
  padding: 10px 20px;
  box-sizing: border-box;
  margin: 20px 0;
  font-size: 14px;
  font-weight: 400;
  color: #77797e;
  line-height: 20px;
}

.tickets-payment-method-price {
  margin-top: 30px;
  display: flex;
  align-items: center;
  color: #1d1e22;
  line-height: 28px;
  font-size: 1rem;
  font-weight: 600;
}

.tickets-payment-method-price b {
  color: #d52020;
  line-height: 28px;
  font-weight: 500;
  margin-left: 10px;
  font-size: 1.25rem;
}

.tickets-payment-method-submit {
  width: 100%;
  margin-top: 15px;
}

.mobile-tickets-page-container {
  display: none;
}

.mobile-tickets-page {
  width: 100%;
  background: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 10px 0;
}

.mobile-tickets-page-title {
  color: #1d1e22;
  line-height: 28px;
  font-size: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  padding: 16px 0;
  border-bottom: #e6e6e6 1px solid;
}

.mobile-tickets-list-item {
  width: 100%;
  border-bottom: #e6e6e6 1px solid;
  padding-bottom: 16px;
}

.mobile-tickets-list-item-tit {
  color: #1d1e22;
  line-height: 24px;
  font-size: 1rem;
  font-weight: 500;
  padding: 16px 0 6px 0;
}

.mobile-tickets-list-item-content {
  width: 100%;
  display: flex;
  margin-top: 10px;
  align-items: flex-start;
}

.mobile-tickets-list-item-title {
  font-weight: 400;
  color: #77797e;
  line-height: 16px;
  font-size: 0.875rem;
  white-space: nowrap;
  margin-right: 5px;
}

.mobile-tickets-list-item-text {
  font-weight: 400;
  color: #1d1e22;
  line-height: 16px;
  font-size: 0.875rem;
}

.mobile-tickets-list-item-price {
  color: #2464f5;
  font-weight: 500;
}

.mobile-tickets-list-bottom {
  width: 100%;
  height: 50px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.mobile-tickets-list-bottom-title {
  color: #1d1e22;
  line-height: 24px;
  font-weight: 500;
  font-size: 1rem;
}

.mobile-tickets-list-bottom-price {
  color: #2464f5;
  line-height: 28px;
  font-weight: 500;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
}

.mobile-tickets-list-bottom-price span {
  font-size: 1rem;
  margin-left: 5px;
  font-weight: 400;
  color: #77797e;
  line-height: 20px;
  text-decoration: line-through;
}

.mobile-tickets-page-method-box {
  width: 100%;
}

.mobile-tickets-page-method-box-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  border-bottom: #e6e6e6 1px solid;
}

.mobile-tickets-page-method-box-item:after {
  background-image: url("../src/checkbox.png");
  background-size: 23px 23px;
  width: 23px;
  height: 23px;
  content: "";
  display: block;
}

.mobile-tickets-page-method-box-item-ck:after {
  background-image: url("../src/checked.png");
  background-size: 23px 23px;
  width: 23px;
  height: 23px;
  content: "";
  display: block;
}

.mobile-tickets-page-method-box-item-icon {
  color: #1d1e22;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.mobile-tickets-page-method-box-item-icon img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  display: block;
}

.mobile-tickets-page-method-text {
  font-weight: 400;
  color: #77797e;
  line-height: 20px;
  padding: 10px 0 20px 0;
  font-size: 0.875rem;
}

.mobile-tickets-payment-method-submit {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
}

.code-warning-modal-content {
  padding: 20px;
  box-sizing: border-box;
  width: 480px;
}

.code-warning-modal-title {
  font-size: 16px;
  font-weight: 600;
  color: #1d1e22;
  line-height: 24px;
}

.code-warning-modal-txt {
  font-size: 14px;
  font-weight: 400;
  color: #77797e;
  line-height: 24px;
  margin-top: 10px;
}

.code-warning-modal-txt a {
  color: #2878ff;
}

.code-warning-modal-txt a:hover {
  text-decoration: underline;
}

.finished-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 200px;
  box-sizing: border-box;
  width: 100%;
  background: #fff;
}

.finished-page-img {
  width: 82px;
  height: 82px;
  display: block;
}

.finished-page-tit {
  color: #1d1e22;
  line-height: 28px;
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.finished-page-txt {
  font-weight: 400;
  color: #1d1e22;
  line-height: 24px;
  margin-top: 30px;
  text-align: center;
  width: 800px;
}

.finished-page-txt2 {
  font-weight: 400;
  color: #77797e;
  text-align: center;
  line-height: 24px;
  width: 600px;
  margin-top: 10px;
}

.finished-page-txt a,
.finished-page-txt2 a {
  color: #3b88fd;
}

.finished-page-txt a:hover,
.finished-page-txt2 a:hover {
  text-decoration: underline;
}

.finished-page-btn-box {
  display: flex;
  margin-top: 35px;
}

.finished-page-btn-user-center {
  width: 200px;
  height: 40px;
  /*background: #2464F5;*/
  /*border: 1px solid #2464F5;*/
  background: linear-gradient(270deg, #2464f5 0%, #0196ff 100%);
  background: -webkit-linear-gradient(180deg, #2464f5 0%, #0196ff 100%);
  text-transform: uppercase;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}

.finished-page-btn-user-center:hover {
  /*background: #fe7148;*/
  background: linear-gradient(90deg, #01d6ff 0%, #447eff 100%);
  background: -webkit-linear-gradient(0deg, #01d6ff 0%, #447eff 100%);
}

.finished-page-btn-homepage {
  width: 200px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #cccccc;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}

.wechat-modal-content {
  width: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 60px;
}

.wechat-title {
  margin-top: 60px;
  font-size: 1rem;
  color: #1d1e22;
  line-height: 24px;
}

.wechat-pay-img {
  width: 300px;
  height: 300px;
  margin-top: 30px;
}

.wechat-finished-btn {
  width: 200px;
  height: 40px;
  background: #2464f5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #ffffff;
  margin-top: 30px;
  line-height: 24px;
}

.other-pay-btn {
  font-size: 1rem;
  font-weight: 400;
  color: #1d1e22;
  line-height: 24px;
  margin-top: 20px;
}

.other-pay-btn:hover {
  text-decoration: underline;
}

.page-top-bg {
  width: 100%;
  background-image: url("../src/gradient_modern.jpg"),
    linear-gradient(270deg, #01023d 0%, #001756 79%, #01247f 100%);
  background-image: url("../src/gradient_modern.jpg"),
    -webkit-linear-gradient(-180deg, #01023d 0%, #001756 79%, #01247f 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.page-center-block {
  margin: 0 auto;
  width: 1200px;
}

.page-center-block .agenda-message-bar {
  margin-top: 20px;
}

.page-top-container {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
}

.page-top-box {
}

.page-top-bg-img {
  width: 100%;
  height: auto;
  display: none;
}

.page-top-container-title {
  font-size: 2rem;
  font-family: Helvetica-Bold, Helvetica;
  font-weight: bold;
  color: #ffffff;
  line-height: 52px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: url("../src/index/CRAC 2023_2x.png");
  background-size: 358px 52px;
  width: 358px;
  height: 52px;
}

.guest-speakers-page-container {
  width: 100%;
  padding: 60px 0;
  box-sizing: border-box;
}

.page-select-container {
  width: 100%;
}

.page-select {
  width: 400px;
  height: 40px;
  background-color: #f7f7f7;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  line-height: 38px;
  font-size: 1rem;
  flex: none;
  margin-right: 10px;
  padding: 0 10px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("../src/select_down.png");
  background-repeat: no-repeat;
  background-position: 380px center;
}

.guest-speakers-page-list-container {
  margin-top: 30px;
}

.guest-speakers-page-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
}

.guest-speakers-page-item-avatar {
  width: 140px;
  height: 140px;
  display: block;
  border-radius: 50%;
  margin-top: 30px;
  cursor: pointer;
  position: relative;
  border: 4px solid transparent;
  background: linear-gradient(
    180deg,
    rgba(210, 219, 255, 1),
    rgba(157, 243, 255, 1),
    rgba(83, 126, 255, 1)
  );
  background-origin: border-box;
}

.guest-speakers-page-item-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.guest-speakers-page-item-name {
  font-size: 1.125rem;
  color: #fff;
  line-height: 24px;
  margin-top: 20px;
  text-align: center;
}

.guest-speakers-page-item-tit {
  font-size: 1rem;
  font-weight: 400;
  color: #9eb1ff;
  margin-top: 10px;
  line-height: 22px;
  text-align: center;
}

.guest-speakers-page-item-tit2 {
  font-size: 1rem;
  color: #9eb1ff;
  line-height: 22px;
  margin-top: 10px;
  font-weight: 600;
  text-align: center;
}

.guest-speakers-page-item-details-btn {
  font-size: 16px;
  font-weight: 400;
  color: #efc173;
  line-height: 22px;
  margin-top: 10px;
  text-align: center;
}

.guest-speakers-page-item-details-btn:hover {
  text-decoration: underline;
}

.guest-speakers-page-item-details {
  width: 260px;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -130px;
  box-sizing: border-box;
  border: #cfcdcd 1px solid;
  display: none;
  z-index: 10;
}

.guest-speakers-page-item-avatar:hover .guest-speakers-page-item-details,
.guest-speakers-page-item-avatar:hover
  .guest-speakers-page-item-details-filler {
  display: block;
}

.guest-speakers-page-item-date {
  width: 100%;
  min-height: 40px;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 400;
  color: #1d1e22;
  line-height: 24px;
  background: #fff;
  display: flex;
  align-items: center;
}

.guest-speakers-page-item-title {
  width: 100%;
  min-height: 40px;
  padding: 10px 20px;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  background: #2232cb;
  display: flex;
  align-items: center;
}

.guest-speakers-page-item-details-filler {
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  display: none;
}

.guest-speakers-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.guest-speakers-modal-content {
  width: 800px;
  padding: 20px;
  box-sizing: border-box;
}

.guest-speakers-modal-title {
  font-size: 1rem;
  color: #1d1e22;
  line-height: 24px;
  font-weight: bold;
}

.guest-speakers-modal-top {
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: #e6e6e6 1px solid;
}

.guest-speakers-modal-top-img {
  width: 140px;
  height: 140px;
  display: block;
  border-radius: 50%;
  flex: none;
}

.guest-speakers-modal-content-box {
  flex: 1;
}

.guest-speakers-modal-name {
  font-size: 1.125rem;
  color: #2464f5;
  line-height: 24px;
}

/*.guest-speakers-modal-title1 {*/
/*    font-weight: 400;*/
/*    color: #1D1E22;*/
/*    line-height: 22px;*/
/*    font-size: 1rem;*/
/*    margin-top: 10px;*/
/*}*/

/*.guest-speakers-modal-title2 {*/
/*    font-weight: 400;*/
/*    color: #8C8D94;*/
/*    line-height: 22px;*/
/*    margin-top: 10px;*/
/*    font-size: 1rem;*/
/*}*/

.guest-speakers-modal-content-box {
  margin-left: 20px;
}

.guest-speakers-modal-name {
  font-size: 1.125rem;
  color: #2464f5;
  line-height: 24px;
  font-weight: bold;
}

.guest-speakers-modal-sector {
  font-weight: 400;
  color: #1d1e22;
  line-height: 22px;
  font-size: 1rem;
  margin-top: 10px;
}

.guest-speakers-modal-organization {
  font-weight: 400;
  color: #8c8d94;
  line-height: 22px;
  margin-top: 10px;
  font-size: 1rem;
}

.guest-speakers-modal-name {
  font-size: 1.125rem;
  color: #2464f5;
  line-height: 24px;
  font-weight: bold;
}

.guest-speakers-modal-description {
  font-size: 0.875rem;
  font-weight: 400;
  color: #77797e;
  line-height: 24px;
  padding: 20px 0;
  box-sizing: border-box;
}

.guest-speakers-modal-date-container {
  width: 100%;
  /*padding-top: 20px;*/
  border-top: #e6e6e6 1px solid;
}

.guest-speakers-modal-date-tit {
  font-size: 1rem;
  color: #1d1e22;
  line-height: 22px;
  font-weight: bold;
  padding-top: 20px;
}

.guest-speakers-modal-date-list {
  width: 100%;
}

.guest-speakers-modal-date-item {
  font-size: 0.875rem;
  font-weight: 400;
  color: #1d1e22;
  line-height: 24px;
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
}

.guest-speakers-modal-date-item:before {
  content: attr(data-time);
  width: 160px;
  height: 24px;
  /*background: #2464F5;*/
  background: linear-gradient(90deg, #00d6c9 0%, #2464f5 100%);
  background: -webkit-linear-gradient(0deg, #00d6c9 0%, #2464f5 100%);
  line-height: 24px;
  font-weight: 400;
  color: #ffffff;
  font-size: 0.875rem;
  text-align: center;
  flex: none;
  margin-right: 10px;
}

.agenda-top-bar {
  width: 100%;
  /* background: #01023d; */
}

.agenda-top-nav-container {
  width: 100%;
  position: relative;
  height: auto;
}

.agenda-top-nav-container-height {
  /*min-height: 70px;*/
}

.agenda-page-bar-title {
  width: 100%;
  height: auto;
  background: linear-gradient(90deg, #00d6c9 0%, #2464f5 100%);
  background: -webkit-linear-gradient(0deg, #00d6c9 0%, #2464f5 100%);
  padding: 10px 20px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  line-height: 28px;
  margin-top: 60px;
}

.agenda-top-nav {
  z-index: 100001;
  width: 100%;
  /* background: #01023d; */
  height: auto;
  /*border-bottom: #E6E6E6 1px solid;*/
}

.agenda-top-nav .agenda-top-nav-list {
  display: flex;
  min-height: 44px;
  padding-top: 12px;
  padding-bottom: 12px;
  /*background-color: #01023D;*/
}

.agenda-top-nav .agenda-top-nav-list div {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 12px;
}

.bg-nav-scroll {
  background: linear-gradient(270deg, #01023d 0%, #001756 79%, #01247f 100%);
  background: -webkit-linear-gradient(
    -180deg,
    #01023d 0%,
    #001756 79%,
    #01247f 100%
  );
}

.agenda-top-nav-item {
  width: 300px;
  height: 100%;
  box-sizing: border-box;
  border-bottom: 2px #fff solid;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  flex: none;
}

.agenda-top-nav-item-ck {
  border-bottom-color: #2464f5;
  color: #2464f5;
}

.agenda-top-tab {
  position: absolute;
  top: -40px;
  left: 0px;
  height: 40px;
  display: flex;
}

.agenda-top-tab-item {
  border-radius: 4px 4px 0px 0px;
  background: rgba(255, 255, 255, 0.2);
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-right: 1px;
  padding: 8px 20px;
  font-weight: bold;
}

/* .agenda-top-tab-vwa:before {
    background-image: url("../src/index/in_person_agenda2.png");
    content: "";
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin-right: 5px;
} */

/* .agenda-top-tab-ipa:before {
    background-image: url("../src/index/in_person_agenda2.png");
    content: "";
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin-right: 5px;
} */

.agenda-top-tab-item-ck {
  color: #2464f5;
  background: #fff;
}

/* .agenda-top-tab-item-ck.agenda-top-tab-vwa:before {
    background-image: url("../src/index/in_person_agenda2.png");
    content: "";
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin-right: 5px;
}

.agenda-top-tab-item-ck.agenda-top-tab-ipa:before {
    background-image: url("../src/index/in_person_agenda2.png");
    content: "";
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin-right: 5px;
} */

.agenda-page-list-title {
  font-size: 1.25rem;
  color: #fff;
  line-height: 28px;
  font-weight: bold;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 20px;
}

.agenda-page-list {
  margin-top: 60px;
  width: 100%;
}

.agenda-page-list[data-scrollDom="21"] {
  margin-top: 30px;
}

.agenda-modal-content {
  width: 580px;
  padding: 20px;
  box-sizing: border-box;
}

.agenda-modal-title {
  font-size: 1rem;
  color: #1d1e22;
  line-height: 24px;
  font-weight: bold;
}

.agenda-modal-text {
  font-size: 0.875rem;
  font-weight: 400;
  color: #77797e;
  line-height: 24px;
  margin-top: 8px;
  width: 100%;
}

.agenda-modal-text-box {
  width: 100%;
  height: 140px;
  background: #ffffff;
  border: 1px solid #cccccc;
  resize: none;
  box-sizing: border-box;
  margin-top: 20px;
  padding: 10px;
}

.agenda-modal-text-box:focus {
  border: #2464f5 1px solid;
}

.agenda-modal-submit {
  width: 160px;
  height: 40px;
  background: linear-gradient(to right, #f1d9af 0%, #efc173 100%);
  background: -webkit-linear-gradient(to right, #f1d9af 0%, #efc173 100%);
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #4b270b;
  line-height: 24px;
  font-weight: bold;
}

.agenda-modal-submit:hover {
  background: #efc173;
}

.agenda-page-select-container {
  margin-top: 30px;
}

.agenda-top-nav-container-pt {
  padding-top: 1px;
}

.about-page-container {
  width: 100%;
}

.about-top {
  background-image: url("../src/bg05.png");
  background-repeat: no-repeat;
  background-size: 500px 70px;
  height: 70px;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: flex-end;
  font-size: 2.25rem;
  color: #fff;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 30px;
}

.about-text {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 28px;
  margin-top: 30px;
}

.about-text a {
  color: #2878ff;
}

.about-text b {
  font-size: 18px;
  color: #fff;
  line-height: 28px;
}

.about-text a:hover {
  text-decoration: underline;
}

.about-text-bottom-container {
  width: 100%;
  padding-bottom: 60px;
  padding-top: 60px;
}

.about-bottom-bg {
  position: relative;
}

.about-bottom-btn {
  width: 300px;
  height: 52px;
  background: #ffffff;
  border-radius: 1px;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: #1d1e22;
  line-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 48px;
  right: 60px;
  border: #fff 1px solid;
}

.about-bottom-btn2 {
  width: 300px;
  height: 52px;
  border-radius: 1px;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: #fff;
  line-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 120px;
  right: 60px;
  border: #fff 1px solid;
}

.about-middle {
  width: 100%;
  background: linear-gradient(
    315deg,
    rgba(43, 70, 220, 0.2) 0%,
    rgba(34, 50, 203, 0.6) 49%,
    #4975ff 100%
  );
  box-shadow: inset 10px 10px 40px 0px rgba(17, 13, 147, 0.4);
  border: 1px solid;
  border-image: linear-gradient(
      180deg,
      rgba(26, 57, 181, 1),
      rgba(157, 243, 255, 1),
      rgba(83, 126, 255, 1)
    )
    1 1;
  backdrop-filter: blur(10px);
  padding: 80px 0;
  margin-top: 60px;
}

.about-middle-title {
  font-size: 2.25rem;
  color: #fff;
  line-height: 42px;
  font-weight: 600;
  padding-bottom: 30px;
}

.about-middle-item {
  border-top: rgba(255, 255, 255, 0.2) 1px solid;
  padding: 20px 0;
  box-sizing: border-box;
  width: 100%;
  min-height: 24px;
  display: flex;
  align-items: flex-start;
  font-size: 1rem;
  color: #fff;
  line-height: 24px;
  font-weight: 600;
}

.about-middle-item:before {
  background-image: url("../src/icon20.png");
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  content: "";
  display: block;
  margin-right: 5px;
  margin-top: 4px;
}

.about-bottom-tit {
  font-size: 2.25rem;
  color: #fff;
  line-height: 42px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 6px;
}

.about-bottom-container {
  padding: 80px 0;
  width: 100%;
}

.about-bottom-list {
  padding: 30px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.about-bottom-list-img {
  width: 280px;
  height: 130px;
  display: block;
}

.about-bottom-list-tit {
  font-size: 1rem;
  /*color: #2464F5;*/
  line-height: 28px;
  margin-top: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #80f8fd !important;
  color: transparent; /* 将文字颜色设置为透明，使渐变显示出来 */
}

.about-bottom-list-tit:hover {
  text-decoration: underline;
}

.about-bottom-list-txt {
  font-weight: 400;
  color: #fff;
  line-height: 28px;
  font-size: 1rem;
  margin-top: 20px;
}

.about-bottom-list-txt a {
  color: #2878ff;
}

.about-bottom-list-txt a:hover {
  text-decoration: underline;
}

.document-page-title {
  font-size: 1.25rem;
  color: #1d1e22;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 60px;
}

.document-page-content p {
  font-size: 1rem;
  font-weight: 400;
  color: #1d1e22;
  line-height: 28px;
  padding-bottom: 28px;
}

.document-page-content p a:hover {
  text-decoration: underline;
}

.document-page-content p .document-content-tit {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1d1e22;
  line-height: 28px;
}

.document-page-content p .document-content-tit2 {
  font-size: 1rem;
  font-weight: 600;
  color: #1d1e22;
  line-height: 28px;
}

.live-hall-container {
  width: 100%;
  background: url("../src/Gradient_modern_live.png");
  min-width: 1230px;
}

.live-hall-content-container {
  width: 100%;
  min-width: 1230px;
  padding-bottom: 100px;
}

.live-hall-center {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 15px;
}

.live-hall-title {
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 38px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.live-hall-main-box {
  width: 100%;
  display: flex;
  margin-top: 30px;
  height: 495px;
}

.live-hall-topics,
.live-hall-hot-topics {
  width: 300px;
  flex: none;
  height: 100%;
}

.live-hall-topics-title,
.live-hall-hot-topics-title {
  width: 100%;
  height: 40px;
  background-color: #f7f7f7;
  padding: 0 20px;
  font-size: 1rem;
  font-weight: 600;
  color: #1d1e22;
  line-height: 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.live-hall-video-container {
  flex: 1;
  margin-right: 20px;
  position: relative;
}

.live-hall-video-container .live-hall-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.tcplayer * {
  color: #fff;
}

.tcplayer .vjs-selected * {
  color: #2b333f;
}

.tcplayer {
  width: 100%;
  height: 100%;
}

.live-hall-topics-list-container,
.live-hall-hot-topics-list-container {
  width: 100%;
  height: calc(100% - 40px);
  overflow-y: scroll;
  background: #fff;
  padding: 0 20px;
  box-sizing: border-box;
}

.live-hall-topics-list,
.live-hall-hot-topics-list {
  width: 100%;
  height: auto;
}

.live-hall-topics-list-item,
.live-hall-hot-topics-list-item {
  width: 100%;
  padding: 20px 0;
  border-bottom: #e6e6e6 1px solid;
}

.live-hall-topics-list-item-tag {
  width: auto;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  background: linear-gradient(90deg, #00d6c9 0%, #2464f5 100%);
  background: -webkit-linear-gradient(0deg, #00d6c9 0%, #2464f5 100%);
  font-size: 0.875rem;
  font-weight: 400;
  color: #ffffff;
  box-sizing: border-box;
  float: left;
}

.live-hall-topics-list-item-txt {
  font-size: 1rem;
  color: #1d1e22;
  width: 100%;
  margin-top: 12px;
  line-height: 24px;
  float: left;
}

.live-hall-topics-list-item-speaker {
  width: 100%;
  display: flex;
  align-items: center;
  /*overflow: hidden;*/
  padding-top: 5px;
}

.live-hall-topics-list-item-speaker-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex: none;
  margin-right: 5px;
}

.live-hall-topics-list-item-speaker-name {
  font-size: 0.875rem;
  font-weight: 400;
  color: #1d1e22;
  line-height: 24px;
}

.live-hall-hot-topics-list-item-txt {
  font-size: 1rem;
  color: #1d1e22;
  line-height: 24px;
}

.live-hall-hot-topics-list-item-date {
  font-size: 0.75rem;
  font-weight: 400;
  color: #77797e;
  line-height: 16px;
  margin-top: 5px;
}

.live-hall-adv {
  width: 100%;
  height: auto;
  display: block;
}

.live-hall-adv img {
  width: 100%;
  height: auto;
  display: block;
}

.live-hall-content-speaker {
  width: 100%;
  margin-top: 80px;
}

.live-hall-content-tit {
  font-size: 2.25rem;
  color: #fff;
  line-height: 42px;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.live-hall-content-tit .live-hall-content-tit-tab {
  font-size: 2.25rem;
  color: #80809e;
  line-height: 42px;
  font-weight: 600;
  text-transform: uppercase;
}

.live-hall-content-tit .live-hall-content-tit-tab:before {
}

.live-hall-content-tit .live-hall-content-tit-tab-ck {
  color: #fff;
}

.live-hall-content-tit span {
  background: #cccccc;
  width: 1px;
  height: 26px;
  display: block;
  margin: 0 30px;
}

.live-hall-content-speaker-list-container {
  width: 100%;
  margin-top: 30px;
  position: relative;
}

.live-hall-content-speaker-list {
  width: 100%;
  overflow: hidden;
}

.live-hall-content-speaker-list .swiper-slide {
  display: flex;
  justify-content: center;
  width: 216px;
  padding: 20px 10px;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
}

.live-hall-content-speaker-item-avatar {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
}

.live-hall-content-speaker-item-avatar img {
  width: 100%;
  height: 100%;
  display: block;
}

.live-hall-content-speaker-item-name {
  font-size: 1.125rem;
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  line-height: 24px;
  margin-top: 20px;
}

.live-hall-content-speaker-item-title {
  font-size: 1rem;
  font-weight: 400;
  color: #80809e;
  line-height: 22px;
  margin-top: 10px;
  text-align: center;
}

.live-hall-content-speaker-item-details {
  font-size: 1rem;
  font-weight: 400;
  background: linear-gradient(90deg, #00d6c9 0%, #2464f5 100%);
  background: -webkit-linear-gradient(0deg, #00d6c9 0%, #2464f5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 22px;
  margin-top: 10px;
}

.live-hall-content-speaker-item-details:hover {
  text-decoration: underline;
}

.live-hall-content-speaker-prev {
  background: url("../src/index/icon_left.png") no-repeat center center;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 90;
  top: 50%;
  left: -32px;
  margin-top: -16px;
  cursor: pointer;
}

.live-hall-content-speaker-next {
  background: url("../src/index/icon_left.png") no-repeat center center;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 90;
  top: 50%;
  right: -32px;
  margin-top: -16px;
  cursor: pointer;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.live-hall-content-agenda {
  margin-top: 80px;
  width: 100%;
}

.live-hall-content-list {
  margin-top: 20px;
}

.live-hall-content-list-tit {
  font-size: 18px;
  color: #1d221e;
  line-height: 28px;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: #e6e6e6 1px solid;
  font-weight: 500;
}

.live-hall-content-item {
  width: 100%;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  padding: 20px;
  box-sizing: border-box;
  height: 150px;
  margin-top: 30px;
  display: block;
}

.live-hall-content-item:hover {
  box-shadow: 0px 2px 6px 0px rgba(153, 153, 153, 0.2);
}

.live-hall-content-item-top {
  height: 24px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.live-hall-content-item-top-date {
  font-size: 0.875rem;
  font-weight: 400;
  color: #1d1e22;
  line-height: 24px;
}

.live-hall-content-item-top-tag-r {
  height: 24px;
  background: #eaf2ff;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #2878ff;
  padding: 0 10px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.live-hall-content-item-top-tag-w {
  height: 24px;
  background: rgba(67, 184, 108, 0.2);
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #2464f5;
  padding: 0 10px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.live-hall-content-item-top-tag-sn {
  height: 24px;
  background: rgba(255, 61, 28, 0.2);
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #ff3d1c;
  padding: 0 10px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.live-hall-content-item-top-tag-over {
  height: 24px;
  background: #e6e6e6;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #77797e;
  padding: 0 10px;
  line-height: 20px;
  display: flex;
  align-items: center;
  min-width: 50px;
  justify-content: center;
}

.live-hall-content-item-top-tag-sn:before {
  width: 16px;
  height: 16px;
  background-image: url("../src/sn-icon.png");
  background-size: 16px 16px;
  margin-right: 5px;
  display: block;
  content: "";
}

.live-hall-content-item-top-tag-r:before {
  width: 16px;
  height: 16px;
  background-image: url("../src/live-icon.png");
  background-size: 16px 16px;
  margin-right: 5px;
  display: block;
  content: "";
}

.live-hall-content-item-txt {
  font-size: 1rem;
  color: #1d1e22;
  width: 100%;
  line-height: 24px;
  margin-top: 18px;
  -webkit-line-clamp: 2;
  max-height: 48px;
}

.live-hall-content-item-download {
  font-size: 0.875rem;
  font-weight: 400;
  color: #2878ff;
  line-height: 20px;
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.live-hall-content-item-download:before {
  background: url("../src/index/downlogo.png");
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  margin-right: 5px;
  content: "";
  display: block;
}

.live-hall-content-item-download:hover {
  text-decoration: underline;
}

.live-hall-content-exhibitors {
  margin-top: 80px;
  width: 100%;
}

.live-hall-exhibitors-list {
  width: 100%;
  margin: 0 -5px;
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.live-hall-exhibitors-item {
  width: 230px;
  padding: 0 5px;
  float: left;
  margin-top: 10px;
}

.live-hall-exhibitors-item img {
  width: 100%;
  height: auto;
  display: block;
}

.live-hall-content-tit-tab-mobile {
  font-size: 1.25rem;
  color: #77797e;
  line-height: 42px;
  font-weight: 600;
  text-transform: uppercase;
  display: none;
  width: 50%;
  justify-content: center;
}

.live-hall-video-top {
  width: 100%;
  height: 40px;
  background: linear-gradient(90deg, #2464f5 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(
    0deg,
    #2464f5 0%,
    rgba(255, 255, 255, 0) 100%
  );
  z-index: 5000;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 40px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #fff;
}

.live-hall-video-play {
  width: auto;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
  top: 50%;
  left: 50%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  z-index: 5000;
}

.live-hall-video-filler {
  width: auto;
  height: auto;
  display: block;
  opacity: 0;
}

.live-hall-video-play:before {
  width: 24px;
  height: 24px;
  display: block;
  content: "";
  background-image: url("../src/live-play.png");
  background-size: 24px 24px;
  margin-right: 10px;
  flex: none;
}

.exh-container {
  width: 100%;
  height: 900px;
  background-image: url("../src/exh_bg.png");
  background-size: 1980px 900px;
  background-repeat: no-repeat;
  background-position: center -5px;
}

.exh-center {
  margin: 0 auto;
  width: 1230px;
  padding: 0 15px;
  box-sizing: border-box;
  height: 100%;
}

.exh-top-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.exh-top-video {
  width: 348px;
  height: 188px;
  position: absolute;
  top: 137px;
  left: 41px;
}

.exh-top-video-logo {
  width: 100%;
  height: 100%;
  display: block;
}

.exh-top-video-play {
  width: 72px;
  height: 72px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -36px 0 0 -36px;
}

.exh-top-video-play img {
  width: 100%;
  height: 100%;
  display: block;
}

.exh-top-logo {
  width: 260px;
  height: 120px;
  display: block;
  position: absolute;
  left: 470px;
  bottom: 68px;
  z-index: 10;
}

.exh-top-title {
  color: #00275f;
  line-height: 60px;
  height: 60px;
  font-size: 2rem;
  font-weight: bold;
  top: 148px;
  position: absolute;
  right: 25px;
  width: 650px;
  text-align: center;
}

.exh-top-image {
  width: 700px;
  height: 358px;
  position: absolute;
  top: 230px;
  right: 0px;
  cursor: pointer;
}

.exh-top-bottom {
  width: auto;
  height: 120px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 90px;
  right: 100px;
}

.exh-top-bottom-btn {
  width: 160px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
}

.exh-top-bottom-btn img {
  width: 36px;
  height: 36px;
  display: block;
  margin-bottom: 10px;
}

.exh-content-container {
  width: 100%;
  margin-top: 60px;
}

.exh-content-box {
  background: #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid #f0f0f0;
  margin-bottom: 60px;
}

.exh-content-box-top {
  width: 100%;
  height: 60px;
  display: flex;
}

.exh-content-box-top-btn {
  flex: 1;
  height: 60px;
  background: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 1.25rem;
  color: #77797e;
  line-height: 28px;
  border-top: #f7f7f7 2px solid;
}

.exh-content-box-top-btn-ck {
  background: #fff;
  border-top: #2464f5 2px solid;
  color: #1d1e22;
}

.exh-content-box-body {
  padding: 30px;
  box-sizing: border-box;
}

.exh-content-box-body-ops-img {
  width: 100%;
}

.exh-content-box-body-ops-img img {
  width: 100%;
  height: auto;
  display: block;
}

.exh-content-box-body-ops-item {
  width: 100%;
  padding-bottom: 60px;
}

.exh-content-box-body-ops-tit {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1d1e22;
  line-height: 24px;
  margin-top: 20px;
  -webkit-line-clamp: 2;
  max-height: 48px;
}

.exh-content-box-body-ops-txt {
  font-size: 1rem;
  font-weight: 400;
  color: #666666;
  line-height: 26px;
  margin-top: 10px;
  -webkit-line-clamp: 3;
  max-height: 78px;
}

.exh-content-box-body-bp-item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 60px;
}

.exh-content-box-body-bp-avatar {
  width: 180px;
  height: 180px;
  display: block;
  position: relative;
}

.exh-content-box-body-bp-avatar-img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.exh-content-box-body-bp-avatar-talk {
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../src/exh_icon03.png");
  background-size: 48px 48px;
  display: none;
}

.exh-content-box-body-bp-name {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2464f5;
  line-height: 24px;
  margin-top: 20px;
}

.exh-content-box-body-bp-title {
  font-size: 1rem;
  font-weight: 400;
  color: #1d1e22;
  line-height: 22px;
  margin-top: 10px;
}

.exh-content-box-body-bp-mail {
  font-size: 1rem;
  font-weight: 400;
  color: #1d1e22;
  line-height: 22px;
  margin-top: 20px;
}

.exh-content-box-body-bp-phone {
  font-size: 1rem;
  font-weight: 400;
  color: #1d1e22;
  line-height: 22px;
  margin-top: 10px;
}

.exh-content-box-body-bp-mail,
.exh-content-box-body-bp-phone {
  display: flex;
  word-break: break-all;
}

.exh-content-box-body-bp-mail > div,
.exh-content-box-body-bp-phone > div {
  flex: none;
}

.image-modal-bg,
.review-modal-bg,
.video-modal-bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.86);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-modal {
  width: 640px;
  height: 426px;
  position: relative;
}

.image-modal {
  width: auto;
  height: auto;
  position: relative;
}

.image-modal img {
  max-width: 80vw;
  max-height: 80vh;
  display: block;
}

.video-modal .video-js {
  width: 100%;
  height: 100%;
}

.video-js * {
  color: #fff !important;
}

.video-js .vjs-big-play-button {
  font-size: 4em;
  line-height: 2em;
  height: 2em;
  width: 2em;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  margin: -1em 0 0 -1em;
  background: url("../src/play.png") no-repeat;
  background-size: 80px 80px;
  border: none;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}

.modal-close {
  position: absolute;
  /*right: -20px;*/
  /*top: -20px;*/
}

.exh-content-box-body-title {
  font-size: 1.25rem;
  color: #1d1e22;
  line-height: 28px;
  font-weight: 600;
  padding-bottom: 20px;
  display: none;
}

.exh-content-box-body-bp-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.exh-content-box-body-bp-talk-btn {
  font-size: 1rem;
  font-weight: 400;
  color: #2464f5;
  line-height: 22px;
  margin-top: 10px;
  display: none;
}

.adv-banner {
  width: 1200px;
  overflow: hidden;
}

.agenda-page-block-title-enter-sn,
.agenda-page-block-title-enter-r {
  height: 24px;
  background: #eaf2ff;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #2878ff;
  padding: 0 10px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.agenda-page-block-title-enter-w {
  height: 24px;
  background: #ffe9e3;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #2464f5;
  padding: 0 10px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.agenda-page-block-title-enter-sn:before {
  width: 16px;
  height: 16px;
  background-image: url("../src/live-icon.png");
  background-size: 16px 16px;
  margin-right: 5px;
  display: block;
  content: "";
}

.agenda-page-block-title-enter-r:before {
  width: 16px;
  height: 16px;
  background-image: url("../src/live-icon.png");
  background-size: 16px 16px;
  margin-right: 5px;
  display: block;
  content: "";
}

.agenda-page-block-title-box {
  width: 100%;
  justify-content: space-between;
  display: flex;
  padding: 0 10px;
  align-items: center;
  margin-top: 30px;
}

.agenda-page-block-title {
  font-size: 1rem;
  color: #fff;
  line-height: 24px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.agenda-page-block-title:before {
  background: url("../src/agenda_icon.png");
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  content: "";
  display: block;
  margin-right: 5px;
}

.right-float-box {
  width: 120px;
  height: 320px;
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(153, 153, 153, 0.3);
  border-radius: 10px 0px 0px 10px;
  border: 1px solid #f0f0f0;
  position: fixed;
  padding: 20px 15px 0 15px;
  top: 50%;
  right: 0px;
  margin-top: -190px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

.right-float-icon {
  width: 52px;
  height: 52px;
  display: block;
  position: absolute;
  top: -26px;
  left: 50%;
  margin-left: -26px;
}

.right-float-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
  font-size: 14px;
  /* font-family: Roboto; */
  color: #1d1e22;
  line-height: 18px;
  flex-direction: column;
}

.right-float-btn:hover {
  text-decoration: underline;
}

.right-float-img {
  width: 60px;
  height: 60px;
  display: block;
  margin-bottom: 15px;
}

/*公共*/
.input-prompt {
  font-size: 14px;
  font-weight: 400;
  color: #77797e;
  line-height: 16px;
}

.input-bottom-text {
  font-size: 14px;
  font-weight: 400;
  color: #1d221e;
  line-height: 20px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.input-bottom-text a {
  color: #2878ff;
  display: inline-block;
}

.input-bottom-text > div a {
  margin: 0 8px 0 8px;
}

.input-bottom-text a:hover {
  text-decoration: underline;
}

.input-prompt:before {
  color: #ff3d1c;
  content: "*";
}

.register-right {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.register-right .login-right-tab {
  flex: none;
}

.register-right .login-right-block {
  flex: 1;
}

.register-block-box {
  display: flex;
  align-items: center;
  margin-top: 0px;
  padding: 20px 0;
  box-sizing: border-box;
}

.register-block-box .f-row {
  flex: 1;
}

.input-agree {
  font-size: 16px;
  font-weight: 400;
  color: #1d1e22;
  line-height: 24px;
  margin-top: 10px;
}

.input-agree a {
  color: #3b88fd;
}

.input-agree a:hover {
  text-decoration: underline;
}

.input-agree .input-checkbox-item {
  margin-right: 10px;
}

.finished-box {
  width: 800px;
  margin-top: 30px;
}

.finished-title {
  padding: 15px 30px;
  background-color: #eef3ff;
  font-size: 16px;
  /*font-family: Roboto;*/
  color: #1d1e22;
  font-weight: bold;
  line-height: 24px;
}

.finished-body {
  padding: 20px 30px 25px 30px;
  background-color: #eef3ff;
  border-top: #fff 1px solid;
  font-size: 14px;
  color: #77797e;
  line-height: 20px;
}

.finished-body span {
  color: #1d1e22;
}

.checkbox-list-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /*padding: 30px 20px;*/
  /*border: #dedede 1px solid;*/
  /*width: 100%;*/
}

.checkbox-list-box > div {
  display: flex;
  align-items: center;
  margin: 5px 0;
}

.checkbox-container {
  padding: 20px;
  box-sizing: border-box;
  border: #dedede 1px solid;
  width: 100%;
  margin-top: 10px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .finished-box {
    width: 100%;
  }
  .guest-speakers-page-item-tit {
    color: #80809e;
  }
  .guest-speakers-page-item-tit2 {
    color: #80809e;
  }
  .guest-speakers-page-item-details-btn {
    color: #2464f5;
  }

  .register-right {
    padding: 20px 20px 20px 20px;
    width: 100%;
  }

  .adv-banner {
    display: none;
  }

  .right-float-box {
    display: none;
  }

  .exh-content-box-body-bp-talk-btn {
    display: block;
  }

  .exh-content-box-body {
    padding-left: 15px;
    padding-right: 15px;
  }

  .exh-content-box-body-bp-item {
    flex-direction: row;
    align-items: flex-start;
    box-shadow: 0px 4px 10px 0px rgba(153, 153, 153, 0.2);
    border: 1px solid #f0f0f0;
    padding: 20px 10px 20px 10px;
    box-sizing: border-box;
    margin-top: 20px;
    justify-content: flex-start;
  }

  .exh-content-box-body-bp-avatar {
    flex: none;
    width: 60px;
    height: 60px;
    margin-right: 20px;
  }

  .exh-content-box-body-bp-avatar-talk {
    display: none;
  }

  .exh-content-box-body-bp-content {
    align-items: flex-start;
    flex: 1;
  }

  .exh-content-box-body-bp-mail {
    margin-top: 10px;
  }

  .exh-content-box-body-bp-name {
    margin-top: 0px;
  }

  .exh-top-image {
    width: 100%;
    position: static;
    display: block;
    height: auto;
    background-image: none;
    background-color: #dadada;
  }

  .exh-top-video,
  .exh-top-title,
  .exh-top-logo,
  .exh-top-bottom {
    display: none;
  }

  .exh-center {
    width: 100%;
    padding: 0px;
  }

  .exh-container {
    height: auto;
  }

  .exh-content-box-body-bp.hide,
  .exh-content-box-body-ops.hide,
  .exh-content-box-body-cp.hide {
    display: block !important;
  }

  .exh-content-box-body-title {
    display: block;
  }

  .exh-content-box-body {
    padding-bottom: 0px;
    padding-top: 45px;
  }

  .exh-content-box-top {
    display: none;
  }

  .exh-content-box {
    box-shadow: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }

  .exh-content-container {
    margin-top: 0px;
  }

  .exh-content-box-body-ops-item {
    padding-bottom: 15px;
  }

  .live-hall-center {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .live-hall-content-speaker,
  .live-hall-content-exhibitors,
  .live-hall-content-exhibitors,
  .live-hall-content-agenda {
    margin-top: 30px;
  }

  .live-hall-content-speaker-list .swiper-slide {
    width: 100%;
  }

  .live-hall-exhibitors-item {
    width: 45%;
  }

  .live-hall-content-tit span {
    display: none;
  }

  .live-hall-video-container {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .live-hall-topics,
  .live-hall-hot-topics {
    width: 100%;
    height: 495px;
  }

  .live-hall-container,
  .live-hall-content-container {
    min-width: auto;
  }

  .live-hall-center {
    width: calc(100% - 30px);
  }

  .live-hall-main-box {
    height: auto;
    flex-direction: column;
  }

  .live-hall-video-container img {
    /*display: none;*/
    width: 100%;
    height: auto;
    display: none;
  }

  .live-hall-video-container .live-hall-video {
    /*width: calc(100% + 30px);*/
    /*margin-left: -15px;*/
    width: 100%;
    position: static;
    height: 250px;
  }

  .live-hall-content-tit-tab {
    display: none;
  }

  .live-hall-content-tit-tab-mobile {
    display: flex;
  }

  .live-hall-content-list {
    margin-top: 0px;
  }

  .live-hall-content-list-tit {
    padding: 10px 0 20px 0;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
  }

  .live-hall-video-play {
    width: calc(100% - 30px);
    justify-content: center;
  }

  .live-hall-video-top {
    /*left: -15px;*/
  }

  .page-top-bg {
    position: relative;
  }

  .page-top-box {
    position: absolute;
    z-index: 105;
    left: 15px;
    top: 50%;
    margin-top: -30px;
  }

  .page-top-container {
    height: auto;
  }

  .page-top-bg-img {
    display: block;
  }

  .guest-speakers-page-item-avatar:hover .guest-speakers-page-item-details,
  .guest-speakers-page-item-avatar:hover
    .guest-speakers-page-item-details-filler {
    display: none;
  }

  .about-text-bottom-container {
    display: none;
  }

  .about-middle {
    padding-top: 30px;
    margin-top: 30px;
    padding-bottom: 30px;
  }

  .about-bottom-container {
    padding: 30px 0;
  }

  .agenda-modal-content {
    width: 100%;
  }

  .agenda-page-block-item-question-btn {
    margin-right: 15px;
    display: block;
  }

  .agenda-top-tab {
    width: 100%;
    left: -15px;
  }

  .agenda-page-block-item-time {
    /*width: 150px;*/
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
  }

  .agenda-top-tab-item {
    font-weight: 600;
  }

  .agenda-top-tab-item:before {
    display: none;
    width: 50%;
  }

  .agenda-page-list {
    margin-top: 20px;
  }

  .page-center-block {
    width: calc(100% - 30px);
  }

  .guest-speakers-page-item {
    background: #ffffff;
    box-shadow: 0px 4px 10px 0px rgba(153, 153, 153, 0.2);
    border: 1px solid #f0f0f0;
    width: 100%;
    margin: 20px 0 0 0;
    flex-direction: row;
    align-items: flex-start;
    padding: 20px;
  }

  .guest-speakers-page-item-avatar {
    width: 60px;
    height: 60px;
    box-sizing: border-box;
  }

  .guest-speakers-content {
    align-items: flex-start;
    padding-left: 20px;
    width: 280px;
  }

  .guest-speakers-content > div,
  .guest-speakers-content > a {
    text-align: left;
  }

  .guest-speakers-page-item-avatar {
    margin-top: 0px;
  }

  .guest-speakers-page-item-name {
    margin-top: 0px;
    color: #000;
  }

  .guest-speakers-page-container {
    background: #f7f7f7;
    padding: 30px 0;
  }

  .guest-speakers-page-list-container {
    margin-top: 0px;
  }

  .page-select {
    width: 100%;
    background-color: #ffffff;
    border-radius: 1px;
    /*border: 1px solid #2464F5;*/
  }

  .page-select-container {
    position: relative;
  }

  .page-select-container:after {
    background-image: url("../src/select_down.png");
    content: "";
    display: block;
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
  }

  #guest-speakers-modal,
  #agenda-modal {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }

  .guest-speakers-modal-content {
    width: 100%;
  }

  .guest-speakers-modal-top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .guest-speakers-modal-content-box {
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 0px;
  }

  .guest-speakers-modal-content-box > div,
  .guest-speakers-modal-content-box > a {
    text-align: center;
  }

  .guest-speakers-modal-date-item {
    flex-direction: column;
  }

  .guest-speakers-modal-date-item:before {
    margin-bottom: 10px;
  }

  .tickets-page-title {
    margin-top: 30px;
  }

  .tickets-submit {
    display: none;
  }

  .finished-page {
    padding: 20px;
  }

  .finished-page-txt,
  .finished-page-txt2 {
    width: 100%;
  }

  .finished-page-btn-box {
    flex-direction: column;
    width: 100%;
  }

  .finished-page-btn-user-center,
  .finished-page-btn-homepage {
    width: 100%;
    margin-bottom: 15px;
  }

  .code-warning-modal-content {
    width: 100%;
  }

  .order-list-item-content {
    border-right: none;
    border-left: none;
  }

  .tickets-page-full {
    display: none;
  }

  .mobile-tickets-page-container {
    display: block;
  }

  .payment-method-page-box {
    display: flex;
    flex-direction: column;
  }

  .tickets-page {
    width: calc(100vw - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .tickets-page-body {
    width: 100%;
  }

  .document-page-content {
    padding: 15px;
    margin-top: 15px;
  }

  .document-page-title {
    padding-bottom: 15px !important;
  }

  .document-page {
    width: calc(100vw - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }

  .document-page-body {
    width: 100%;
  }

  .tickets-page-right-container {
    display: none;
  }

  .tickets-page-top .tickets-page-top-box {
    display: none;
  }

  .tickets-page-top .tickets-page-top-item-now-box {
    display: flex;
  }

  .tickets-page .page-nav,
  .document-page .page-nav {
    display: block;
    margin-top: 10px;
  }

  .tickets-page-main {
    margin-right: 0px;
    margin-left: 0px;
  }

  .tickets-page-left-container {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0 auto;
  }

  .tickets-page-left {
    padding: 20px;
  }

  .mobile-view-bottom-bar {
    display: flex;
  }

  .tickets-page-top {
    margin: 10px -5px;
  }

  .tickets-page-block-title {
    padding-bottom: 0px;
    border-bottom: none;
  }

  .tickets-page-title2 {
    margin-top: 10px;
  }

  .tickets-page-block {
    border-bottom: 1px #e6e6e6 solid;
  }

  .order-header {
    display: none;
  }

  .order-list-item-top {
    padding: 0 12px;
  }

  .order-buyer {
    display: none;
  }

  .order-number {
    white-space: nowrap;
  }

  .order-list-item-content-number {
    display: none !important;
  }

  .order-list-item-content-details {
    width: 100%;
  }

  .order-list-item-content .order-table-item {
    height: 40px;
  }

  .order-list-item-content-ticket {
    padding-left: 0px;
    padding-right: 0px;
  }

  .order-list-item-content-ticket .order-list-item-element-tit {
    display: none !important;
  }

  .order-list-item-content-details {
    width: 100% !important;
    justify-content: flex-end !important;
  }

  .order-list-item-content-price {
    justify-content: flex-end !important;
  }

  .order-list-personal-info-box {
    display: none;
  }

  .order-list-item-bottom {
    display: none;
  }

  .mobile-order-list-item-price-container {
    display: flex;
  }

  .mobile-order-list-personal-info-box {
    display: block;
  }

  .mobile-order-list-item-bottom {
    display: block;
  }

  .order-list-item-content-price span {
    display: inline;
  }

  .bank-information-modal-content {
    min-width: auto;
    width: calc(100vw - 30px);
  }

  .bank-information-item {
    flex-wrap: wrap;
  }

  .bank-information-item .bank-information-item-txt {
    width: 100%;
    flex: none;
  }

  .personal-info-container {
    width: calc(100% - 30px);
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .login-container {
    min-height: calc(100vh - 125px);
    background: #01023d;
  }

  .mobile-login-title {
    display: block;
  }

  .login-left {
    display: none;
  }

  .login-right-tab {
    display: none;
  }

  .login-right {
    padding: 30px 20px 80px 20px;
    width: 100%;
  }

  .login-block-box {
    width: 100%;
    margin-top: 0px;
  }

  .input-code .input-code-link {
    display: none;
  }

  .login-box {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
    border-radius: 4px;
    margin-bottom: 60px;
  }

  .page-nav {
    display: none;
  }

  .input-code .input-code-btn,
  .input-code .input-code-countDown {
    width: 130px;
  }

  .input-phone .input-phone-select {
    width: 150px;
  }

  .input-component .input-component-text,
  .input-component .input-component-select,
  .input-component .input-component-btn {
    height: 50px;
    line-height: 48px;
  }

  .mobile-login-bottom {
    display: block;
  }

  .mobile-login-top-tit {
    display: block;
  }

  .account-page-body {
    width: 100%;
  }

  .account-page-left {
    display: none;
  }

  .account-page-main {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
  }

  .account-page-container {
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100vw - 30px);
  }
}

@media (max-width: 1280px) {
  .live-hall-content-speaker-prev {
    left: 0px;
  }

  .live-hall-content-speaker-next {
    right: 0px;
  }
}

@media (max-width: 370px) {
  .order-number {
    font-size: 0.75rem !important;
    margin-right: 10px !important;
  }

  .mobile-order-list-item-bottom-item .mobile-order-list-item-bottom-item-tit,
  .mobile-order-list-item-bottom-item .mobile-order-list-item-bottom-item-txt {
    font-size: 0.75rem !important;
  }
}

.exhibitor-hall-page-container {
  width: 100%;
  padding: 60px 0;
  box-sizing: border-box;
  background: linear-gradient(180deg, #4362e2 0%, #2c3fc5 100%);
  min-height: calc(100vh - 300px);
}

.exhibitor-hall-title {
  font-size: 2.25rem;
  color: #fff;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 500;
}

.exhibitor-hall-images {
  /* height: 100px; */
  width: 100%;
  margin-top: 30px;
  position: relative;
  /* margin: 0 4%; */
}

/* .swiper-img {
    width: 100px;
    margin-left: 40px;
} */

/* .swiper-button-next, .swiper-button-prev {
    background-size: 18px 30px;
} */
.imgstyle {
  width: 380px;
  height: 245px;
}

.swiper-slide {
  display: flex;
  justify-content: space-between;
  width: 405px;
}

/* .swiper-wrapper {
    width: 90px;
} */

.swiper-container {
  position: initial;
}

.swiper-button-next {
  right: -20px;
}

.swiper-button-prev {
  left: -30px;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -26px;
}

.swiper-button-next,
.swiper-button-prev {
  background-size: 18px 30px;
  /* background-color: rgba(249, 96, 51, 1); */
}

.swiper-pagination-bullet-active {
  background: #2464f5;
  left: auto;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url(../src/index/icon_left.png);
  background-size: 30px 30px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url(../src/index/icon_right.png);
  background-size: 30px 30px;
}

.namepart {
  margin-top: 80px;
}

.tapstyle {
  border: 1px solid #f0f0f0;
  background: #ffffff;
  width: 100%;
  height: 100%;
  transition: height 0.5s;
  box-sizing: border-box;
  border-radius: 4px;
}
.tapstyle-container-main {
  padding: 30px 30px 10px;
}
.tapstyle-container-bottom {
  padding: 0px 30px;
  border-top: 1px solid #e6e6e6;
}

.tapstyle-container-bottom-img {
  width: 18px;
  margin-right: 10px;
}

span.tapstyle-container-bottom-point {
  font-size: 16px;
  color: #1d1e22;
  line-height: 24px;
  font-style: normal;
  margin-right: 20px;
  font-weight: bold;
}
span.tapstyle-container-bottom-img-text {
  font-weight: 400;
  font-size: 16px;
  color: #1d1e22;
  line-height: 24px;
  font-style: normal;
}

span.tapstyle-container-bottom-img-text:last-child {
  margin-left: 20px;
}

.tapstyle-box {
  padding: 4px 10px 6px 10px;
  background: linear-gradient(
    to right,
    #3cbcec 0%,
    rgba(55, 81, 214, 0.6) 100%
  );
  background: -webkit-linear-gradient(
    to right,
    #3cbcec 0%,
    rgba(55, 81, 214, 0.6) 100%
  );
  color: #ffffff;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: 10px;
}

.imgsize {
  width: 160px;
  height: 75px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-sizing: border-box;
}

.tagName {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  width: 100%;
  /*height: 34px;*/
  /* overflow: hidden; */
}

.tagName-name {
  padding: 4px 10px;
  border-radius: 1px;
  background: #eff4ff;
  font-size: 14px;
  font-weight: 400;
  color: #2464f5;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: calc(100% - 20px);
  overflow-wrap: break-word;
}

.tomore {
  font-size: 16px;
  color: #2878ff;
}

.Box {
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  /* flex-shrink:0 */
  margin-top: 10px;
  margin-right: -10px;
  margin-left: -10px;
}

.showBox {
  width: 100%;
}
.showBox-top {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px;
  display: flex;
  margin-bottom: 20px;
}
.showBox-top-main {
  margin-left: 20px;
  max-width: 60%;
}
.showBox-bottom {
}
.showBox-bottom p {
  font-weight: 400;
  font-size: 16px;
  color: #77797e;
  line-height: 24px;
  text-align: left;
}

.showBox-top-left {
}
.showBox-top-right {
  flex: 1;
  margin-left: 20px;
  text-align: right;
}
.showBox-top-right-download {
  width: 120px;
  height: 32px;
  border-radius: 1px;
  border: 1px solid #e6e6e6;
  padding: 4px 12px;
  margin-right: 10px;
  font-size: 16px;
  color: #2464f5;
  line-height: 24px;
  box-sizing: border-box;
}
.showBox-top-right-download::before {
  width: 14px;
  height: 14px;
  background-image: url("../src/index/download_icon_blue.png");
  background-size: 14px 14px;
  background-repeat: no-repeat;
  display: inline-block;
  /* margin-right: 4px; */
  content: "";
}
.showBox-top-right-detail {
  width: 120px;
  height: 32px;
  background: linear-gradient(to right, #f1d9af 0%, #efc173 100%);
  border-radius: 1px;
  font-size: 16px;
  color: #4b270b;
  line-height: 24px;
  font-style: normal;
  padding: 4px 35px;
}
.showBox-top-right-detail:hover {
  background: #efc173;
}
.tapstyle-container {
  position: relative;
  width: 100%;
  height: auto;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  flex: none;
  margin-top: 20px;
}

.logomore {
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 48px;
  padding: 12px 0px;
}

.moreimg {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

.exhibitor-hall-title {
  text-transform: none;
  /* font-family: Roboto; */
  font-size: 18px;
  color: #1d221e;
  line-height: 28px;
  text-align: left;
  font-weight: bold;
}
.exhibitor-hall-h1 {
  font-size: 36px;
  color: #ffffff;
  line-height: 42px;
  text-align: left;
  font-style: normal;
  text-transform: uppercase;
}

.exhibitor-hall-modal-content {
  width: 800px;
  padding: 20px;
}

.exhibitor-hall-modal-title {
  font-size: 16px;
  color: #1d1e22;
  line-height: 24px;
  font-style: normal;
  font-weight: bold;
}

.exhibitor-hall-modal-text {
  font-size: 0.875rem;
  color: #77797e;
  font-weight: 400;
  line-height: 20px;
  margin-top: 20px !important;
  width: 100%;
}
.exhibitor-hall-modal-text div,
.exhibitor-hall-modal-text p {
  font-size: 0.875rem !important;
  color: #77797e !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  width: 100%;
  margin-bottom: 10px !important;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Microsoft YaHei", "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji" !important;
}

.exhibitor-hall-modal-text ul li {
  list-style: disc;
}
.exhibitor-hall-modal-text ul {
  margin-left: 20px;
}

.exhibitor-hall-modal-contact {
  margin-top: 30px;
}

.exhibitor-hall-modal-contact h2 {
  font-size: 16px;
  color: #1d1e22;
  line-height: 24px;
  text-align: left;
  font-style: normal;
}
.exhibitor-hall-modal-contact > div {
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6;
}

.exhibitor-hall-modal-contact > div:last-child {
  padding-bottom: 10px;
  border-bottom: none;
}

.exhibitor-hall-modal-contact-name {
  font-size: 16px;
  color: #2464f5;
  line-height: 24px;
  text-align: left;
  font-style: normal;
  margin-bottom: 10px;
}

.exhibitor-hall-modal-contact-position {
  font-weight: 400;
  font-size: 16px;
  color: #77797e;
  line-height: 24px;
  text-align: left;
  font-style: normal;
  margin-bottom: 10px;
}

.exhibitor-hall-modal-contact-info span {
  font-weight: 400;
  font-size: 16px;
  color: #1d1e22;
  line-height: 22px;
  text-align: left;
  font-style: normal;
}
/* .showBox:hover {
    overflow: visible;
} */

@media (max-width: 768px) {
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    background-image: none;
  }

  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    background-image: none;
    display: none;
  }

  .imgstyle {
    width: 90%;
    height: 100%;
    /* margin-right: 00px; */
  }

  .tapstyle-container {
    position: static;
    width: 100%;
    height: auto;
    margin-top: 20px;
    flex: none;
    /* padding-left: 20px; */
  }

  .exhibitor-hall-title {
    font-size: 20px;
    margin: 10px 0;
  }

  .mobile-title {
    /* margin-top: 40px !important; */
    font-size: 20px;
  }

  .tapstyle-container-main {
    padding: 0;
  }

  .Box {
    margin-top: 0;
  }

  .tapstyle {
    padding: 20px;
    width: 100%;
    transition: none;
    /* height: none; */
    /* margin: auto; */
    height: auto;
    box-sizing: border-box;
  }

  .tapstyle-container {
    height: auto;
    /* height: 130px; */
  }
  .tapstyle-container-bottom {
    padding: 0;
    border: none;
    box-shadow: none;
  }

  .imgsize {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
  }

  .tagName {
    width: 100%;
    overflow: visible;
    height: auto;
  }

  .exhibitor-hall-page-container {
    padding: 24px 0;
  }

  .showBox {
    width: 100%;
  }

  .showBox-top {
    flex-direction: column;
    margin-bottom: 12px;
  }
  .showBox-top-right-download {
    margin-right: 0;
  }

  .tapstyle:hover {
    /* overflow: visible; */
    height: auto;
    /* box-sizing: border-box; */
  }

  .tapstyle:hover {
    position: static;
    /* z-index: 10; */
  }

  .logomore {
    position: static;
    margin-top: 10px;
    display: block;
    line-height: 20px;
    padding: 16px 14px;
    background: #eff4ff;
    border-radius: 1px;
  }

  .swiper-slide {
    width: 82%;
  }

  .swiper-slide-item {
    display: inline-block;
  }

  .showBox-top-main {
    margin-left: 0px;
    max-width: 100%;
  }

  .tapstyle-container-bottom-point {
    font-size: 16px;
    color: #1d1e22;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    font-weight: bold;
  }
  .tapstyle-container-bottom-img-text {
    font-weight: 400;
    font-size: 16px;
    color: #1d1e22;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    margin-top: 10px;
  }
}

.tapstyle-container-bottom-h4 {
  font-weight: 400;
  font-size: 16px;
  color: #77797e;
  line-height: 24px;
  text-align: left;
  font-style: normal;
}

.account-my-calendar-container {
  width: 100%;
}

.account-my-calendar-container .f-row {
  margin-right: -10px;
  margin-left: -10px;
}

.account-my-calendar-container .f-col-pc-4 {
  padding-right: 10px;
  padding-left: 10px;
}

.account-my-calendar-item {
  background: #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(153, 153, 153, 0.2);
  border: 1px solid #f0f0f0;
  min-height: 160px;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 20px;
}

.account-my-calendar-item-date {
  font-size: 14px;
  font-weight: 400;
  color: #1d1e22;
  line-height: 20px;
}

.account-my-calendar-item-tit {
  font-size: 16px;
  color: #1d1e22;
  line-height: 24px;
  min-height: 48px;
  margin-top: 20px;
  font-weight: bold;
}

.account-my-calendar-item-btn {
  height: 24px;
  /*background: #2464F5;*/
  border-radius: 12px;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 15px;
  display: inline-flex;
  align-items: center;
}

.account-my-calendar-item-sn {
  border-left: #ff3d1c 4px solid;
}

.account-my-calendar-item-sn .account-my-calendar-item-btn {
  background: rgba(255, 61, 28, 0.2);
  color: #ff3d1c;
}

.account-my-calendar-item-waiting {
  border-left: #2464f5 4px solid;
}

.account-my-calendar-item-waiting .account-my-calendar-item-btn {
  background: rgba(67, 184, 108, 0.2);
  color: #2464f5;
}

.account-my-calendar-item-replay {
  border-left: #2878ff 4px solid;
}

.account-my-calendar-item-replay .account-my-calendar-item-btn {
  background: #eaf2ff;
  color: #2878ff;
}

.account-my-calendar-item-replay .account-my-calendar-item-btn:before {
  width: 16px;
  height: 16px;
  background-image: url("../src/live-icon.png");
  background-size: 16px 16px;
  margin-right: 5px;
  display: block;
  content: "";
}

.account-my-calendar-item-sn .account-my-calendar-item-btn:before {
  width: 16px;
  height: 16px;
  background-image: url("../src/sn-icon.png");
  background-size: 16px 16px;
  margin-right: 5px;
  display: block;
  content: "";
}

.agenda-top-nav-item-btn {
  height: 32px;
  background: #2232cb;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-right: 12px;
  margin-top: 12px;
}

.agenda-top-nav-item-btn:hover {
  /* border: #2464f5 1px solid; */
  color: #2464f5;
  background-color: #fff;
  box-sizing: border-box;
}

.agenda-top-nav-item-btn-ck,
.agenda-top-nav-item-btn-ck:hover {
  color: #2464f5;
  /* border: #2464f5 1px solid; */
  background-color: #fff;
  box-sizing: border-box;
}