* {
  margin: 0;
  padding: 0;
}

body,
html {
  min-width: 1300px;
  font-family: "Microsoft YaHei", "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei",
 "Helvetica Neue", Arial, "sans-serif";
}

.pc-body {
  width: 100%;
  background-color: #f5f5f5;
}

.pc-body .bg-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pc-body .btn-group {
  height: 100px;
  background-color: #ec6222;
}

.pc-body .btn-group .btn-info {
  width: 1300px;
  height: 70px;
  margin: 0 auto;
  padding: 16px 0;
  text-align: right;
}

.pc-body .btn-group .btn-info .a-btn {
  display: inline-block;
  width: 260px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 32px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 35px;
  margin: 0 20px 0 0;
}

.pc-body .btn-group .btn-info .a-btn .fa-angle-right {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  margin-bottom: 5px;
}

.pc-body .btn-group .register-ticket {
  background-color: #0a75eb;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  transition: all 0.15s ease-in;
}

.pc-body .btn-group .register-ticket::before {
  content: " ";
  position: absolute;
  background: #ffffff;
  width: 25px;
  height: 70px;
  top: 0;
  left: -40px;
  opacity: 0.3;
  transition: all 0.25s ease-out;
  transform: skewX(-25deg);
}

.pc-body .btn-group .register-ticket:hover {
  background: #1486ff;
}

.pc-body .btn-group .register-ticket:hover:before {
  width: 45px;
  left: 280px;
}

.pc-body .btn-group .register-ticket .fa-angle-right {
  border: 2px solid #ffffff;
}

.pc-body .btn-group .apply-booth {
  background-color: #ffffff;
  color: #ec6222;
  overflow: hidden;
}

.pc-body .btn-group .apply-booth .fa-angle-right {
  border: 2px solid #ec6222;
}

.pc-body .exhibition-overview .exhibition-overview-baseinfo {
  width: 1300px;
  margin: 0 auto;
  padding: 45px 0 0 0;
}

.pc-body .exhibition-overview .exhibition-overview-baseinfo .exhibition-overview-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pc-body .exhibition-overview .exhibition-overview-baseinfo .exhibition-overview-header .exhibition-overview-title {
  width: 250px;
  height: 0;
  border-width: 0px 6px 68px 0px;
  border-style: none solid solid;
  border-color: transparent transparent #ffffff;
  border-top-left-radius: 20px;
  border-top-right-radius: 40px;
  text-align: center;
  line-height: 50px;
  font-size: 32px;
  font-weight: bold;
}

.pc-body .exhibition-overview .exhibition-overview-baseinfo .exhibition-overview-header .exhibition-overview-title p {
  line-height: 68px;
}

.pc-body .exhibition-overview .exhibition-overview-baseinfo .exhibition-overview-header .exhibition-overview-tips {
  color: #8c8c8c;
  font-size: 12px;
  font-weight: bold;
  margin-top: 34px;
}

.pc-body .exhibition-overview .exhibition-overview-baseinfo .exhibition-overview-content {
  background-color: #ffffff;
  border-radius: 0 20px 20px 20px;
  padding: 50px;
  overflow: hidden;
}

.pc-body .exhibition-overview .exhibition-overview-baseinfo .exhibition-overview-content .overview-brief-images {
  width: 50%;
  float: right;
  margin-left: 20px;
}

.pc-body .exhibition-overview .exhibition-overview-baseinfo .exhibition-overview-content .overview-brief-images img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.pc-body .exhibition-overview .exhibition-overview-baseinfo .exhibition-overview-content p {
  text-indent: 2em;
  color: #2f2f2f;
  line-height: 34px;
}

.pc-body .exhibition-overview-detailinfo {
  width: 1300px;
  margin: 0 auto;
  padding: 45px 0;
}

.pc-body .exhibition-overview-detailinfo .exhibition-overview-ullist {
  list-style: none;
  display: flex;
  margin-left: calc((1300px - (270 * 3px + 200px)) / 2);
}

.pc-body .exhibition-overview-detailinfo .exhibition-overview-ullist li {
  width: 200px;
  height: 240px;
  border-radius: 100px;
  background-color: #ec6222;
  text-align: center;
}

.pc-body .exhibition-overview-detailinfo .exhibition-overview-ullist li:not(:first-child) {
  margin-left: 70px;
}

.pc-body .exhibition-overview-detailinfo .exhibition-overview-ullist li img {
  width: 50px;
  height: 50px;
  padding-top: 30px;
}

.pc-body .exhibition-overview-detailinfo .exhibition-overview-ullist li p {
  padding-top: 30px;
  font-size: 24px;
  color: #ffffff;
}

.pc-body .exhibition-overview-detailinfo .exhibition-overview-ullist li b {
  font-size: 44px;
  color: #ffffff;
}

.pc-body .exhibition-common .exhibition-common-baseinfo {
  width: 1300px;
  margin: 0 auto;
  padding: 45px 0 0 0;
}

.pc-body .exhibition-common .exhibition-common-baseinfo .exhibition-common-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pc-body .exhibition-common .exhibition-common-baseinfo .exhibition-common-header .exhibition-common-title {
  width: 250px;
  height: 0;
  border-width: 0px 6px 68px 0px;
  border-style: none solid solid;
  border-color: transparent transparent #ffffff;
  border-top-left-radius: 20px;
  border-top-right-radius: 40px;
  text-align: center;
  line-height: 50px;
  font-size: 32px;
  font-weight: bold;
}

.pc-body .exhibition-common .exhibition-common-baseinfo .exhibition-common-header .exhibition-common-title p {
  line-height: 68px;
}

.pc-body .exhibition-common .exhibition-common-baseinfo .exhibition-common-header .exhibition-common-tips {
  color: #8c8c8c;
  font-size: 12px;
  font-weight: bold;
  margin-top: 34px;
}

.pc-body .exhibition-common .exhibition-common-baseinfo .exhibition-common-content {
  background-color: #ffffff;
  border-radius: 0 20px 20px 20px;
  padding: 50px;
  text-align: center;
}

.pc-body .exhibition-common .exhibition-common-baseinfo .exhibition-common-content img {
  width: 100%;
  object-fit: cover;
  display: block;
}

.pc-body .previous-editions {
  background-color: #ec6222;
  padding-bottom: 25px;
  margin-top: 45px;
}

.pc-body .previous-editions .previous-editions-title {
  width: 1300px;
  margin: 0 auto;
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  padding: 20px 0;
}

.pc-body .previous-editions .swiper-father {
  width: 1300px;
  position: relative;
  margin: 0 auto;
}

.pc-body .previous-editions .swiper-father .previous-editions-content {
  width: 1200px;
  margin: 0 auto;
}

.pc-body .previous-editions .swiper-father .previous-editions-content .swiper-wrapper img {
  width: 366px;
  height: 247px;
  border-radius: 20px;
  object-fit: cover;
}

.pc-body .previous-editions .swiper-father .swiper-button-next,
.pc-body .previous-editions .swiper-father .swiper-button-prev {
  color: #ffffff;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo {
  width: 1300px;
  margin: 0 auto;
  padding: 45px 0;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo .exhibitionhall-traffic-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo .exhibitionhall-traffic-header .exhibitionhall-traffic-title {
  width: 250px;
  height: 0;
  border-width: 0px 6px 68px 0px;
  border-style: none solid solid;
  border-color: transparent transparent #ffffff;
  border-top-left-radius: 20px;
  border-top-right-radius: 40px;
  text-align: center;
  line-height: 50px;
  font-size: 32px;
  font-weight: bold;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo .exhibitionhall-traffic-header .exhibitionhall-traffic-title p {
  line-height: 68px;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo .exhibitionhall-traffic-header .exhibitionhall-traffic-tips {
  color: #8c8c8c;
  font-size: 12px;
  font-weight: bold;
  margin-top: 34px;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo .exhibitionhall-traffic-content {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo .exhibitionhall-traffic-content .exhibitionhall-traffic-position {
  width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  background-color: #f7f7f7;
  padding: 10px;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo .exhibitionhall-traffic-content .exhibitionhall-traffic-position .show-map {
  display: flex;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo .exhibitionhall-traffic-content .exhibitionhall-traffic-position .show-map .show-map-info .travel-map {
  width: 18%;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo .exhibitionhall-traffic-content .exhibitionhall-traffic-position .show-map .show-map-info .travel-tag {
  width: 12%;
  text-align: center;
  margin-top: 8px;
  margin-left: -4px;
  padding: 8px;
  background-color: #ec6222;
  color: #ffffff;
  border-radius: 25px;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo .exhibitionhall-traffic-content .exhibitionhall-traffic-position .show-map .show-map-picture {
  width: 563px;
  margin-left: -64px;
}

.pc-body .exhibitionhall-traffic .exhibitionhall-traffic-baseinfo .exhibitionhall-traffic-content .exhibitionhall-traffic-position .show-map .show-map-picture img {
  width: 100%;
  border: 5px solid #ec6222;
  border-radius: 20px;
  object-fit: cover;
}

.pc-body .exhibitionhall-traffic .travel-way .exhibition-address {
  margin-bottom: 6px;
}

.pc-body .exhibitionhall-traffic .travel-way .exhibition-address .exhibition-address-title {
  display: inline-block;
  padding: 6px 10px;
  background-color: #2aa7e3;
  color: #ffffff;
  border-radius: 4px;
  margin-bottom: 6px;
}

.pc-body .exhibitionhall-traffic .travel-way .exhibition-address p {
  color: #757575;
  line-height: 30px;
}

.pc-body .exhibitionhall-traffic .travel-way .exhibition-address p strong {
  color: #717071;
}

.pc-body .exhibitionhall-traffic .travel-way .subway-way {
  margin-bottom: 6px;
}

.pc-body .exhibitionhall-traffic .travel-way .subway-way .subway-way-title {
  display: inline-block;
  padding: 6px 10px;
  background-color: #22ac38;
  color: #ffffff;
  border-radius: 4px;
  margin-bottom: 6px;
}

.pc-body .exhibitionhall-traffic .travel-way .subway-way p {
  color: #757575;
  line-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pc-body .exhibitionhall-traffic .travel-way .subway-way p strong {
  color: #717071;
}

.pc-body .exhibitionhall-traffic .travel-way .bus-way {
  margin-bottom: 6px;
}

.pc-body .exhibitionhall-traffic .travel-way .bus-way .bus-way-title {
  display: inline-block;
  padding: 6px 10px;
  background-color: #62357d;
  color: #ffffff;
  border-radius: 4px;
  margin-bottom: 6px;
}

.pc-body .exhibitionhall-traffic .travel-way .bus-way p {
  color: #757575;
  line-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pc-body .exhibitionhall-traffic .travel-way .bus-way p strong {
  color: #717071;
}

.pc-body .exhibitionhall-traffic .travel-way .hsr-way {
  margin-bottom: 6px;
}

.pc-body .exhibitionhall-traffic .travel-way .hsr-way .hsr-way-title {
  display: inline-block;
  padding: 6px 10px;
  background-color: #0a75eb;
  color: #ffffff;
  border-radius: 4px;
  margin-bottom: 6px;
}

.pc-body .exhibitionhall-traffic .travel-way .hsr-way p {
  color: #757575;
  line-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pc-body .exhibitionhall-traffic .travel-way .hsr-way p strong {
  color: #717071;
}

.pc-body .exhibitionhall-traffic .travel-way .plane-way {
  margin-bottom: 6px;
}

.pc-body .exhibitionhall-traffic .travel-way .plane-way .plane-way-title {
  display: inline-block;
  padding: 6px 10px;
  background-color: #ec6222;
  color: #ffffff;
  border-radius: 4px;
  margin-bottom: 6px;
}

.pc-body .exhibitionhall-traffic .travel-way .plane-way p {
  color: #757575;
  line-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pc-body .exhibitionhall-traffic .travel-way .plane-way p strong {
  color: #717071;
}

.pc-body .exhibition-footer {
  width: 100%;
  height: 80px;
  text-align: center;
  line-height: 80px;
  color: #898986;
  background-color: #dadada;
}

.pc-body .exhibition-footer p a {
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

.pc-body .floating-dialog {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.pc-body .floating-dialog .suspend-dialog {
  height: 104px;
  background-color: #ec6222;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content {
  width: 1300px;
  margin: 0 auto;
  padding: 12px 0;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .logo {
  width: 8.4%;
  float: left;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .content-leftinfo {
  float: left;
  line-height: 42px;
  margin-left: 20px;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .content-leftinfo .leftinfo-title {
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .content-leftinfo .leftinfo-timer {
  color: #ffffff;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .btn-info {
  text-align: right;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .btn-info .a-btn {
  display: inline-block;
  width: 260px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 32px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 35px;
  margin: -40px 5px 0 0;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .btn-info .a-btn .fa-angle-right {
  font-size: 40px;
  vertical-align: middle;
  margin-bottom: 6px;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .btn-info .register-ticket {
  background-color: #0a75eb;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  transition: all 0.15s ease-in;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .btn-info .register-ticket::before {
  content: " ";
  position: absolute;
  background: #ffffff;
  width: 25px;
  height: 70px;
  top: 0;
  left: -40px;
  opacity: 0.3;
  transition: all 0.25s ease-out;
  transform: skewX(-25deg);
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .btn-info .register-ticket:hover {
  background: #1486ff;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .btn-info .register-ticket:hover:before {
  width: 45px;
  left: 280px;
}

.pc-body .floating-dialog .suspend-dialog .suspend-dialog-content .btn-info .apply-booth {
  background-color: #ffffff;
  color: #ec6222;
  overflow: hidden;
}

.pc-body .floating-dialog.show {
  opacity: 1;
}