body {
  background: #f9f9f9;
}
body .wrapper .header-section {
  width: 100%;
  height: 24.53333vw;
  position: fixed;
  z-index: 9;
  opacity: 0.9;
  background-color: #ffffff;
  box-shadow: 0px 1px 1px 0px rgba(41, 41, 41, 0.15);
  display: none;
}
body .wrapper .header-section .header {
  width: 512vw;
  margin: 0 auto;
  padding: 5.33333vw 0 0 0;
}
body .wrapper .header-section .header a:link,
body .wrapper .header-section .header a:visited,
body .wrapper .header-section .header a:hover {
  text-decoration: none;
  color: #000000;
}
body .wrapper .header-section .header .menu .nav .left .sub_nav {
  width: 19.2vw;
  padding-left: 9.86667vw;
}
body .wrapper .header-section .header .menu .nav .left .sub_nav .hot::after {
  background-image: url(/templets/2024showg/images/hhot.png);
}
body .wrapper .header-section .header .menu .nav .right .login-box {
  color: #ef6320;
}
body .wrapper .header-section .header .menu .nav .right .login-box a:link,
body .wrapper .header-section .header .menu .nav .right .login-box a:visited,
body .wrapper .header-section .header .menu .nav .right .login-box a:hover {
  color: #ef6320;
}
body .wrapper .header-section .header .menu .nav .right .search-box .search {
  background-color: #f9f9f9;
  border: 1px solid #c2c2c2;
}


.detail-section .main-panel .panel-mobile {
  width: 100%;
  margin: 0 auto;
}

.detail-section .main-panel .panel-mobile .news-title{
  position: absolute;
  width: 86%;
  z-index: 99;
  bottom: -28vw;
}



.detail-section .main-panel .panel-mobile .header-info{
  margin: 0 3.33vw;
  background: #FFFFFF;
  box-shadow: 0px 0px 2.66vw 0px rgba(0, 0, 0, 0.08);
  border-radius: 2.66vw;
  padding: 4.8vw 3.73vw;
  margin-bottom: 1vh;
  text-align: left;
}

.detail-section .main-panel .panel-mobile .header-info .link{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; 
}


.detail-section .main-panel .panel-mobile .header-info .link .generation{
    opacity: 0.99;
    font-weight: 500;
    font-size: 12px;
    color: #FEFEFE;
    padding: 2px 7px;
    margin-right: 1vw;
}
.detail-section .main-panel .panel-mobile .header-info .link .generation:last-child{
  margin-right: 0vw;
}


.detail-section .main-panel .panel-mobile .header-info .link .agent{
  background: #FFAA25;
}

.detail-section .main-panel .panel-mobile .header-info .link .one{
  background: #49CE7B;
}


.detail-section .main-panel .panel-mobile .header-info .link .hots {
  background-image: url(/templets/2024showg/images/hot-new.png);
  background-repeat: no-repeat;
  background-size: 3.46667vw 4.26667vw;
  padding: 0 0 0 4.8vw;
  font-size: 3.2VW;
  font-weight: 500;
  color: #333333;
}

.detail-section .main-panel .panel-mobile .header-info .exhibition_name {
  font-size: 5.33vw;
  color: #000000;
  font-weight: bold;
  margin: 3.466vw 0;
  line-height: 7.33vw;
}

.detail-section .main-panel .panel-mobile .header-info .exhibition_name_en {
  font-size: 4.266vw;
  color: #333333;
  font-weight: 500;
  margin-top: 3.466vw;
}

.detail-section .main-panel .panel-mobile .header-info .red-text{
  font-weight: 500;
  font-size: 3.2vw;
  color: #FF0000;
}

.detail-section .main-panel .panel-mobile .header-info .red-text.tips-top{
  margin-top: 3vw;
}

.detail-section .main-panel .panel-mobile .expodetail{
  margin-top: 28vw;
}

.detail-section .main-panel .panel-mobile .apply-box{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin: 3vw 0;
}

.detail-section .main-panel .panel-mobile .apply-box .apply-booth.long{
  width: 96vw;
}

.detail-section .main-panel .panel-mobile .apply-box .apply-booth img{
  width: 20px;
  height: 20px;
  padding-left: 6px;
}
.detail-section .main-panel .panel-mobile .apply-box .apply-booth{
  width: 46.66667vw;
  height: 11.46667vw;
  opacity: 1;
  border-radius: 1.6vw;
  background: #FF6600;
  font-size: 4vw;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 11.46667vw;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  justify-items: center;
  justify-content: center;
  align-items: center;
}




.detail-section .main-panel .panel-mobile .expodetail .info{
  display: flex;
  padding: 2vw 0;
}

.detail-section .main-panel .panel-mobile .expodetail .info .labelinfo{
  font-weight: bold;
  font-size: 3.733vw;
  color: #000000;
  width: 30.14%;
  text-align: right;
}

.detail-section .main-panel .panel-mobile .expodetail .info .value{
  font-weight: 500;
  font-size: 3.733vw;
  color: #000000;
  width: 63.86%;
  padding-left: 6%;
}

.detail-section .main-panel .panel-mobile .expodetail .info a:link,
.detail-section .main-panel .panel-mobile .expodetail .info a:hover,
.detail-section .main-panel .panel-mobile .expodetail .info a:visited{
  color: #126DB3;
}


.detail-section .main-panel .panel-mobile .score .star-box {
  display: flex;
}

.detail-section .main-panel .panel-mobile .score .star-box .star_number{
  font-weight: bold;
  font-size: 9.6vw;
  color: #000000;
  width: 40%;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-items: center;
  text-align: center;
}
.detail-section .main-panel .panel-mobile .score .star-box .star_number .score-avg{
  width: 100%;
}

.detail-section .main-panel .panel-mobile .score .star-box .star_list{
  padding-top: 3.86vw;
  width: 100%;
  display: flex;
  justify-content: center;
}

.detail-section .main-panel .panel-mobile .score .star-box .star{
  display: inline-block;
  width: 4.533vw;
  height: 4.533vw;
  background-repeat: no-repeat;
  background-size: contain;
}

.detail-section .main-panel .panel-mobile .score .star-box .star img{
  width: 100%;
}

.detail-section .main-panel .panel-mobile .score .star-box .score-detail{
  width: 55%;
  padding-left: 5%;
}

.detail-section .main-panel .panel-mobile .score .star-box .score-detail .info{
  font-weight: 500;
  font-size: 3.466vw;
  color: #666666;
}

.detail-section .main-panel .panel-mobile .score .star-box .score-detail .info li {
  height: 5.33333vw;
  line-height: 5.33333vw;
  margin-bottom: 0.53333vw;
}
.detail-section .main-panel .panel-mobile .score .star-box .score-detail .info li > * {
  display: inline-block;
  vertical-align: middle;
}


.detail-section .main-panel .panel-mobile .score .star-box .score-detail .info li .progress{
  width: 70%;
  height: 1.86667vw;
  background-color: #eee8dd;
  border-radius: 2em;
}

.detail-section .main-panel .panel-mobile .score .star-box .score-detail .info li .progress .tag {
  display: block;
  height: 1.86667vw;
  border-radius: 2em;
  background-color: #F1CAA0;
  width: 100%;
}

.detail-section .main-panel .panel-mobile .header-info .box-title{
  background-color: #F8F8F8;
  height: 38px;
  font-weight: bold;
  font-size: 3.733vw;
  color: #000000;
  display: flex;
  align-items: center;
  padding-left: 4vw;
  position: relative;
  margin-top: 1vw;
  margin: 0 -3.73vw;
}

.detail-section .main-panel .panel-mobile .header-info .box-title .box-title-icon{
  background: #FFAA25;
  height: 60%;
  top: 2vw;
  left: 0;
  width: 1%;
  position: absolute;
}

.detail-section .main-panel .panel-mobile .contents .content{
  font-size: 3.733vw;
  color: #333;
  line-height: 5.866vw;
  padding: 3.2% 2.2%;
}

.detail-section .main-panel .panel-mobile .contents .content img{
  max-width: 100%;
}

.detail-section .main-panel .panel-mobile .expo-info .info{
  display: flex;
  padding: 2vw 0;
}

.detail-section .main-panel .panel-mobile .expo-info .info .labelinfo{
  font-weight: bold;
  font-size: 3.733vw;
  color: #000000;
  width: 22.14%;
}

.detail-section .main-panel .panel-mobile .expo-info .info .value {
  font-weight: 500;
  font-size: 3.733vw;
  color: #000000;
  width: 77.86%;
}

.detail-section .main-panel .panel-mobile .expo-info .info .value a:hover,
.detail-section .main-panel .panel-mobile .expo-info .info .value a:link,
.detail-section .main-panel .panel-mobile .expo-info .info .value a:visited{
  color: #126DB3;
}



.detail-section .main-panel .panel-mobile .news-contents .about-news .about-news-posts {
  border-bottom: 1px solid #E1E1E1;
}

.detail-section .main-panel .panel-mobile .news-contents .about-news .about-news-posts:last-child{
  border-bottom: none;
}


.detail-section .main-panel .panel-mobile .news-contents .about-news .posts {
  display: flex;
  flex-wrap: wrap;
  padding: 3vw 0;
}


.detail-section .main-panel .panel-mobile .news-contents .about-news .posts .title{
  width: 100%;
  font-weight: 500;
  font-size: 3.73vw;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.detail-section .main-panel .panel-mobile .news-contents .about-news .posts .news-content{
  width: 100%;
  display: flex;
  padding-top: 2vw;
}

.detail-section .main-panel .panel-mobile .news-contents .about-news .posts .news-content .cc{
  width: 77%;
  font-weight: 500;
  font-size: 3.2vw;
  color: #666666;
  padding-right: 3%;
}

.detail-section .main-panel .panel-mobile .news-contents .about-news .posts .news-content .info .description{
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.detail-section .main-panel .panel-mobile .news-contents .about-news .posts .news-content .info .time{
  color: #999999;
  margin-top: 1vw;
}

.detail-section .main-panel .panel-mobile .news-contents .about-news .posts .news-content .dd{
  width: 19%;
}

.detail-section .main-panel .panel-mobile .news-contents .about-news .posts .news-content .dd img{
  width: 100%;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box{
  margin: 0 -3.73vw;
}
.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box{
  opacity: 1;
  padding: 3.5vw 3.5vw;
  border-bottom: 1px solid #E1E1E1;
}
.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box:last-child{
  border-bottom: none;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m1{
  display: flex;
  flex-wrap: nowrap;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m1 .exhibition-img{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 5px;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m1 .exhibition-img .logo{
  width: 25vw;
  height: 18vw;
  background-image: url(/templets/2024showg/images/tubj.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-color: #ffffff;
  border-radius: 5px;
}
.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m1 .exhibition-info{
  padding: 0 0 0 3vw;
  width: calc(100% - 3.33333vw);
  position: relative;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m1 .exhibition-info .row{
  display: flex;
  justify-content: space-between;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m1 .exhibition-info .row.hot{
  padding: 1.33333vw 0 0 0;
  width: 100%;
  align-items: center;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m1 .exhibition-info .row.hot .hots-icon{
  font-size: 3.2vw;
  font-weight: 500;
  letter-spacing: 0px;
  color: #333333;
  background-image: url(/templets/2024showg/images/hot-new.png);
  background-repeat: no-repeat;
  background-size: 3.06667vw 3.6vw;
  background-position: 1vw 0.1vw;
  padding: 0 0 0 5.33333vw;
  display: block;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m1 .exhibition-info .row.hot .status{
  font-size: 3.2vw;
  font-weight: 400;
  color: #45AA5E;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m2{
  margin: 4vw 0 0 0;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m2 .row.date{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: #F9F9F9;
  border-radius: 0px 5px 5px 0px;
  height: 3.8vh;
  padding-left: 3vw;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m2 .row.date .time{
  font-size: 3.7vw;
  letter-spacing: 0px;
  line-height: 5.40533vw;
  color: #999999;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m2 .row.date .join{
  height: 100%;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m2 .row.date .join .bnt{
  width: 18vw;
  height: 100%;
  opacity: 1;
  border-radius: 1vw;
  background: #FFAA25;
  font-size: 3.8vw;
  letter-spacing: 0px;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(/templets/2024showg/images/home-baoming-bg.png) no-repeat;
  background-position: center;
  background-size: contain;
}

.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m1 .exhibition-info .row a:link,
.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m1 .exhibition-info .row a:hover,
.detail-section .main-panel .panel-mobile .expo-contents .mobile-exhibition-new-box .exhibition-box .m1 .exhibition-info .row a:visited {
  color: #333;
  font-size: 4vw;
  line-height: 6vw;
  text-align: left;
}

.detail-section .main-panel .panel-mobile .news-contents .list-panel{
  width: 100%;
  background: #ffffff;
}


.detail-section .main-panel .panel-mobile .news-contents .list-panel .posts{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 2.66667vw 0;
  height: 20vw;
  width: 100%;
}

.detail-section .main-panel .panel-mobile .news-contents .list-panel .expo-posts{
  border-bottom: solid 1px #ebebeb;
}

.detail-section .main-panel .panel-mobile .news-contents .list-panel .expo-posts:last-child{
  border-bottom: none;
}

.detail-section .main-panel .panel-mobile .news-contents .list-panel .posts .aa{
  width: 30%;
  display: flex;
  align-items: center;
  height: 100%;
}
.detail-section .main-panel .panel-mobile .news-contents .list-panel .posts .aa .cover{

}

.detail-section .main-panel .panel-mobile .news-contents .list-panel .posts .aa .cover img{
  width: 100%;
  height: 100%;
  max-height: 20vw;
}

.detail-section .main-panel .panel-mobile .news-contents .list-panel .posts .bb{
  width: 66%;
  flex-wrap: wrap;
  display: flex;
  align-content: space-between;
  height: 100%;
}

.detail-section .main-panel .panel-mobile .news-contents .list-panel .posts .bb .title{
  font-size: 3.6vw;
  letter-spacing: 0px;
  line-height: 5.2vw;
  color: #333333;
  text-align: left;
  vertical-align: top;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.detail-section .main-panel .panel-mobile .news-contents .list-panel .posts a:link,
.detail-section .main-panel .panel-mobile .news-contents .list-panel .posts a:hover,
.detail-section .main-panel .panel-mobile .news-contents .list-panel .posts a:visited{
  font-size: 3.2vw;
  font-weight: 900;
  letter-spacing: 0px;
  line-height: 4.5vw;
  color: #333333;
  text-align: left;
  vertical-align: top;
  width: 100%;
}


.detail-section .main-panel .panel-mobile .news-contents .list-panel .posts .bb .time{
  color: #999999;
  width: 100%;
}



.detail-section .main-panel .panel,
.detail-section .exhibition-header{
display: none;
}

.detail-section .main-panel .panel-mobile .mobile-base-info{
  position: relative;
}

.detail-section .main-panel .panel-mobile .mobile-base-info .scroll-banner {
width: 100%;
padding: 5.33333vw 0 2.66667vw 0;
}
.detail-section .main-panel .panel-mobile .mobile-base-info .scroll-banner .scroll-swiper-container-detail {
width: 100vw;
height: 66.66667vw;
margin: 0 auto;
overflow: hidden;
}
.detail-section .main-panel .panel-mobile .mobile-base-info .scroll-banner .scroll-swiper-container-detail .swiper-slide {
width: 100vw;
height: 66.66667vw;
text-align: center;
font-size: 4.8vw;
background: #fff;
/* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 300ms;
}
.detail-section .main-panel .panel-mobile .mobile-base-info .scroll-banner .scroll-swiper-container-detail .swiper-slide .ii {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.detail-section .main-panel .panel-mobile .mobile-base-info .scroll-banner .scroll-swiper-container-detail .swiper-slide-active,
.detail-section .main-panel .panel-mobile .mobile-base-info .scroll-banner .scroll-swiper-container-detail .swiper-slide-duplicate-active {
  transform: scale(1);
}
.detail-section .main-panel .panel-mobile .mobile-base-info .scroll-banner .scroll-swiper-container-detail .swiper-slide-active .ii .sub-banner,
.detail-section .main-panel .panel-mobile .mobile-base-info .scroll-banner .scroll-swiper-container-detail .swiper-slide-duplicate-active .ii .sub-banner {
  width: 100%;
  transform: scale(1);
}

.mobile-new-header-bottom{
  display:none;
}
body .wrapper #app{
  top: 11vh;
}