@media (max-width: 820px) {
	* {
		box-sizing: border-box;
	}

	html {
		overflow-y: auto;
	}

	body {
		min-width: 0;
		overflow-x: hidden;
		background: #f7f7f7;
		font-size: 14px;
		line-height: 1.5;
	}

	a {
		-webkit-tap-highlight-color: transparent;
	}

	img {
		max-width: 100%;
	}

	.screen-width {
		width: 100%;
		max-width: none;
		padding-left: 12px;
		padding-right: 12px;
	}

	header {
		position: sticky;
		top: 0;
		z-index: 50;
		background: #fff;
		box-shadow: 0 4px 18px rgba(0, 0, 0, .07);
	}

	.header-top .screen-width.flex-end{
		justify-content: space-between;
	}

	.header-bottom {
		background: #fff;
	}

	.header-bottom .screen-width.flex-between {
		display: grid;
		grid-template-columns: 1fr 44px;
		align-items: center;
		gap: 0 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.header-bottom h1 {
		width: 118px;
		height: auto;
	}

	.fb-mobile-menu-toggle {
		display: flex;
		justify-content: center;
		align-items: center;
		justify-self: end;
		width: 42px;
		height: 42px;
		border-radius: 50%;
		/* background: #f0f2f5;
		border: 1px solid #e4e7ee; */
		cursor: pointer;
		position: relative;
	}

	.fb-mobile-menu-toggle span {
		display: block;
		pointer-events: none;
		width: 18px;
		height: 2px;
		border-radius: 2px;
		background: #1f2a37;
		position: absolute;
		left: 11px;
		transition: transform .24s ease, opacity .2s ease, top .24s ease;
	}

	.fb-mobile-menu-toggle span:nth-child(1) {
		top: 13px;
	}

	.fb-mobile-menu-toggle span:nth-child(2) {
		top: 20px;
	}

	.fb-mobile-menu-toggle span:nth-child(3) {
		top: 27px;
	}

	header.fb-mobile-menu-open .fb-mobile-menu-toggle span:nth-child(1) {
		top: 20px;
		transform: rotate(45deg);
	}

	header.fb-mobile-menu-open .fb-mobile-menu-toggle span:nth-child(2) {
		opacity: 0;
	}

	header.fb-mobile-menu-open .fb-mobile-menu-toggle span:nth-child(3) {
		top: 20px;
		transform: rotate(-45deg);
	}

	.header-bottom .screen-width > .flex {
		display: none;
		grid-column: 1 / -1;
		flex-direction: column;
		gap: 8px;
		width: 100%;
		padding-top: 10px;
		margin-top: 10px;
		border-top: 1px solid #edf0f5;
	}

	header.fb-mobile-menu-open .header-bottom .screen-width > .flex {
		display: flex;
	}

	.header-bottom .topmenu {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: visible;
	}

	.header-bottom .topmenu::-webkit-scrollbar {
		display: none;
	}

	.header-bottom ul {
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 0;
		min-width: 0;
	}

	.header-bottom ul li {
		flex: 0 0 auto;
		height: auto;
		margin-right: 0;
	}

	.header-bottom ul li a {
		display: block;
		height: 48px;
		line-height: 48px;
		padding: 0 4px;
		border-radius: 0;
		border-bottom: 1px solid #f1f3f6;
		background: transparent;
		color: #222;
		font-size: 16px;
		white-space: nowrap;
	}

	.header-bottom ul li:last-child a {
		border-bottom: 0;
	}

	.header-bottom .search {
		width: 100%;
		height: 42px;
		margin-top: 0;
		border-radius: 21px;
		background: #f0f2f5;
        margin-bottom: 20px;
	}

	.header-bottom .search .input {
		min-width: 0;
		padding: 9px 14px;
		font-size: 14px;
	}

	.header-bottom .search .submit {
		width: 46px;
	}

	.home-1 .banner {
		height: 320px;
	}

	.home-1 .banner .mid {
		width: 100%;
		padding: 0 18px;
	}

	.home-1 .banner .mid h1 {
		font-size: 26px;
		line-height: 1.25;
		margin-bottom: 0;
	}

	.home-1 .banner .banner-search {
		width: 100%;
		height: 50px;
		margin-top: 24px;
		border-radius: 25px;
		background-color: rgba(255, 255, 255, .78);
	}

	.home-1 .banner .banner-search-input {
		min-width: 0;
		padding: 8px 14px;
		font-size: 14px;
	}

	.banner-search-input::placeholder {
		font-size: 14px;
	}

	.home-1 .banner .banner-search-submit {
		width: 54px;
		height: 50px;
		margin-top: 0;
	}

	.home-1 .hot_city {
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 8px 0;
		margin-top: 14px;
		padding-left: 0;
	}

	.home-1 .hot_city .cities_label {
		width: 100%;
		font-size: 16px;
        padding-left: 10px;
	}

	.home-1 .hot_city .cities {
		display: flex;
		flex-wrap: wrap;
		gap: 7px;
	}

	.home-1 .hot_city .cities a {
		padding: 4px 9px;
		border-radius: 14px;
		background: rgba(255, 255, 255, .18);
		color: #fff;
		font-size: 13px;
		line-height: 1.2;
	}

	.home-2 {
		padding-top: 10px;
	}

	.home-2 .screen-width {
		padding-bottom: 26px;
		overflow: hidden;
	}

	.home-2 .swiper-container {
		overflow: hidden;
	}

	.home-2 .swiper-slide img {
		aspect-ratio: 16 / 9;
		height: auto;
		border-radius: 8px;
	}

	.home-2 .swiper-button-next,
	.home-2 .swiper-button-prev {
		display: none;
	}

	.zhlb {
		align-items: center;
		min-height: 34px;
	}

	.zhlb h2 {
		width: auto;
		min-width: 0;
		height: 30px;
		padding-right: 10px;
		font-size: 18px;
		line-height: 30px;
		white-space: nowrap;
	}

	.zhlb h2 svg {
		width: 24px;
		height: 24px;
		margin-right: 5px;
	}

	.zhlb .bgline {
		flex: 1 1 auto;
		width: auto;
		height: 3px;
		margin: 15px 58px 0 0;
	}

	.zhlb .more {
		top: 4px;
		right: 0;
		font-size: 13px;
	}

	.zhlb .more svg {
		width: 18px;
		height: 18px;
	}

	.home-3,
	.home-4,
	.home-6 {
		padding: 12px 0;
	}

	.home-3 .screen-width,
	.home-4 .screen-width,
	.home-5 .screen-width,
	.home-6 .screen-width {
		position: relative;
	}

	.home-3 ul {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		align-items: stretch;
		margin: 10px 0 0;
		padding: 0;
	}

	.home-3 ul li {
		display: block;
		width: 100%;
		margin: 0;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 8px 22px rgba(42, 70, 35, .08);
	}

	.home-3 ul li > a {
		flex: 0 0 38%;
		padding: 10px;
		border-radius: 0;
	}

	.home-3 ul li .exhibition-img {
		height: 112px;
	}

	.home-3 ul li .exhibition-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.home-3 .exhibition-info {
		flex: 1 1 auto;
		min-width: 0;
		padding: 10px 15px 15px;
	}

	.home-3 .name .title {
		font-size: 15px;
		line-height: 1.35;
		margin-bottom: 6px;
	}

	.home-3 .exhibition-info .date,
	.home-3 .exhibition-info .hot {
		margin: 6px 0 0;
	}

	.home-3 .exhibition-info .date {
		display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
	}



	.home-3 .six-btn-fwu,
	.home-4 .six-btn-fwu {
		gap: 6px;
		margin-top: 8px;
	}

	ul li .six-btn-fwu a,
	.mySwiper-more .six-btn-fwu a {
		width: calc(50% - 3px);
		padding: 10px 0;
		border-radius: 4px;
		line-height: 1.2;
	}

	.home-4 ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		margin: 10px 0 0;
	}

	.news-list-ul-li {
		width: auto;
		padding-right: 0;
		margin-bottom: 0;
	}

	.home-4 .nlul-link {
		height: 100%;
		padding: 10px;
		border-radius: 9px;
		box-shadow: 0 8px 22px rgba(42, 70, 35, .08);
	}

	.nlul-link .ys-imgbox-cover {
		max-height: none;
        margin-bottom: 8px;
        border-radius: 8px;
        display: block;
        height: auto;
	}

	.nlul-link .ys-imgbox-cover img {
		width: 100%;
        height: auto;
        display: block;
        margin: 0 auto
	}

    .nlul-link a:hover .ys-imgbox-cover img {
        transform: scale(1);
    }

	.nlul-link-min {
		padding-bottom: 7px;
        margin-bottom: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
	}

	.nlul-link-tit {
		white-space: normal;
	}

	.ncul-box-ri-date {
		min-width: 0;
		margin-bottom: 3px;
	}

	.nbrd-icon {
		width: 13px;
		margin-right: 5px;
	}

	.ncul-box-ri-date p {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 1.4;
	}

	.home-4 .fb-skel-img {
		height: 112px !important;
	}

	.home-ad {
		padding: 8px 0;
	}

	.home-ad .screen-width {
		padding-left: 12px;
		padding-right: 12px;
	}

	.home-ad img {
		width: 100%;
		border-radius: 8px;
	}

	.home-6 ul {
		grid-template-columns: 1fr;
		gap: 0;
		margin-top: 10px;
		padding: 10px 12px 6px;
		border-radius: 10px;
		box-shadow: 0 8px 22px rgba(42, 70, 35, .08);
	}

	.home-6 ul li {
		align-items: flex-start;
		min-width: 0;
		width: 100%;
		overflow: hidden;
		margin-bottom: 9px;
		padding-bottom: 9px;
		border-bottom: 1px solid #f0f0f0;
	}

	.home-6 ul li:last-child {
		border-bottom: 0;
	}

	.home-6 ul li .serial_number {
		flex: 0 0 21px;
	}

	.home-6 ul li a {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 3px;
		width: calc(100% - 31px);
		max-width: calc(100% - 31px);
		min-width: 0;
		overflow: visible;
		height: auto;
		margin-left: 10px;
	}

	.home-6 ul li .title {
		flex: 0 1 auto;
		min-width: 0;
		width: 100%;
		overflow: visible;
	}

	.home-6 ul li .title span {
		display: block;
		max-width: 100%;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: break-word;
		font-size: 14px;
		line-height: 1.45;
	}

	.home-6 ul li .time {
		position: static;
		flex: 0 1 auto;
		max-width: none;
		overflow: visible;
		text-overflow: clip;
		padding-left: 0;
		font-size: 12px;
		line-height: 1.45;
		white-space: normal;
	}

	.footer {
		padding: 22px 0 18px;
	}

	.footer .screen-width {
		padding-left: 16px;
		padding-right: 16px;
	}

	.footer .flex {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.footer .flex-1 {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	.footer .footlogo {
		width: 128px;
	}

	.footer .flex-1 .weixin {
		padding-top: 0;
	}

	.footer .flex-1 a {
		margin-left: 0;
		margin-right: 10px;
	}

	.footer .flex-2 ul {
		flex-wrap: wrap;
		gap: 8px 14px;
		padding-bottom: 8px;
	}

	.footer .flex-2 ul li {
		margin-right: 0;
	}

	.footer .flex-2 ul li a,
	.footer .flex-2 .right .div,
	.footer .flex-2 .right .div a {
		font-size: 13px;
	}

	.footer .flex-2 p,
	.footer .info a,
	.footer .info p {
		font-size: 12px;
		line-height: 1.6;
	}

	.footer .flex-2 .right .div {
		align-items: flex-start;
		padding-bottom: 9px;
		line-height: 1.55;
	}

	.footer .flex-2 .right .div svg {
		flex: 0 0 auto;
		width: 18px;
		height: 18px;
		margin-top: 2px;
	}

	.footer .info {
		margin-top: 10px;
		padding-top: 10px;
	}


	.expo-1 {
		height: 160px;
	}

	.expo-1 .txt {
		left: 12px;
		right: 12px;
		width: auto;
		font-size: 0;
	}

	.expo-1 .txt h3 {
		font-size: 26px;
		line-height: 1.25;
		font-weight: 600;
	}

	.shaixuan-box {
		margin-top: 12px;
		padding: 14px 12px 8px;
		border-radius: 10px;
		overflow: visible;
		box-shadow: 0 8px 22px rgba(42, 70, 35, .08);
	}

	.shaixuan-box .filter {
		display: block;
		margin-bottom: 12px;
		padding-bottom: 10px;
		border-bottom: 1px solid #eef0f5;
	}

	.shaixuan-box .filter:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}

	.shaixuan-box .filter .label {
		width: auto;
		margin: 0 0 10px;
		font-size: 15px;
		line-height: 22px;
	}

	.shaixuan-box .filter .label svg {
		width: 20px;
		height: 20px;
		margin-right: 6px;
	}

	.shaixuan-box .filter .checkbox {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		min-width: 0;
	}

	.shaixuan-box .filter .checkbox .item_a {
		display: inline-block;
		max-width: 100%;
		margin: 0 !important;
		padding: 6px 10px;
		border-radius: 16px;
		background: #f7f7f7;
		font-size: 13px;
		line-height: 1.2;
		overflow-wrap: anywhere;
	}

	.shaixuan .item_a.active,
	.shaixuan-box .filter .checkbox .item_a.active {
		background: #003d95 !important;
		color: #fff !important;
		font-weight: 600;
	}

	.bread {
		padding-top: 12px;
	}

	.bread .screen-width {
		padding-bottom: 8px;
		overflow-x: auto;
		white-space: nowrap;
		font-size: 12px;
	}

	.bread a {
		font-size: 12px;
	}

	.expo-list {
		display: block;
		margin: 12px 0 0;
	}

	.expo-list .expo-item {
		display: block;
		width: 100%;
		margin: 0 0 12px;
		padding: 12px;
		border: 1px solid #eef0f5;
		border-radius: 10px;
		box-shadow: 0 8px 22px rgba(42, 70, 35, .08);
		background: #fff;
	}

	.expo-list .exh_image {
		display: block;
		width: 100%;
		margin: 0 0 10px;
		border-radius: 8px;
		background: #f8fafc;
		overflow: hidden;
	}

	.expo-list .exh_image a {
		display: block;
		width: 100%;
	}

	.expo-list .exh_image img {
		display: block;
		width: 100%;
		height: auto;
		max-height: 180px;
		object-fit: contain;
		border-radius: 8px;
	}

	.expo-list .exh_image:hover img {
		transform: none;
	}

	.expo-list .exh_detail {
		display: block;
		width: 100%;
		min-width: 0;
	}

	.expo-list .exh_detail h2 {
		padding: 0 0 8px;
		font-size: 16px;
		line-height: 1.45;
	}

	.expo-list .exh_detail h2 a {
		display: block;
		font-size: 16px;
		line-height: 1.45;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.exh_detail .tags {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		margin: 0 0 8px;
	}

	.exh_detail .tags span {
		margin: 0 !important;
		padding: 2px 8px;
		font-size: 11px;
		line-height: 1.45;
	}

	.expo-list .nlul-link-min {
		display: flex;
		flex-wrap: wrap;
		gap: 6px 10px;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}

	.expo-list .ncul-box-ri-date {
		max-width: 100%;
		margin-bottom: 0;
	}

	.expo-list .ncul-box-ri-date p {
		overflow: visible;
		text-overflow: clip;
		white-space: normal;
		font-size: 12px;
		line-height: 1.45;
	}

	.expo-list .exh_detail .scale-remind {
		grid-template-columns: 1fr;
		gap: 4px;
		margin-top: 6px;
		font-size: 13px;
		line-height: 1.5;
	}

	.expo-list .exh_detail .scale-remind div {
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.expo-list .two-btn {
		gap: 8px;
		margin-top: 10px;
	}

	.expo-list .two-btn .svc-btn,
	.expo-list .two-btn > a.svc-btn {
		width: calc(50% - 4px) !important;
		margin: 0 !important;
		padding: 9px 0 !important;
		border-radius: 6px !important;
		font-size: 13px !important;
		line-height: 1.2;
	}

	.fenye {
		margin-bottom: 16px;
	}

	.fenye ul {
		flex-wrap: wrap;
		gap: 6px;
		margin-top: 14px;
	}

	.fenye li a,
	.fenye .thisclass a {
		margin: 0;
		padding: 6px 9px;
		font-size: 12px;
		line-height: 18px;
	}

	.news-list {
		padding: 12px 0 28px;
	}

	.news-list .screen-width {
		padding-left: 12px;
		padding-right: 12px;
	}

	.news-list .news-flex {
		display: block;
	}

	.news-list .left-news {
		width: 100%;
		margin: 0;
	}

	.news-list .left-news-ul {
		margin: 0;
	}

	.news-list .left-news-ul li {
		margin-bottom: 12px;
	}

	.news-list .left-news-ul li a {
		display: block;
		padding: 12px;
		border: 1px solid #eef0f5;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 8px 22px rgba(42, 70, 35, .08);
	}

	.news-list .left-news-ul li .news_img {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 0 10px;
		border-radius: 8px;
		background: #f8fafc;
	}

	.news-list .left-news-ul li .news_img img {
		display: block;
		width: 100%;
		height: auto;
		max-height: 190px;
		object-fit: cover;
		border-radius: 8px;
	}

	.news-list .left-news-ul li .news_info {
		display: block;
		width: 100%;
		min-width: 0;
	}

	.news-list .left-news-ul li h3 {
		margin-bottom: 8px;
		font-size: 16px;
		line-height: 1.45;
		color: #183153;
		overflow-wrap: anywhere;
	}

	.news-list .left-news-ul li .news_abstract {
		font-size: 13px;
		line-height: 1.65;
		-webkit-line-clamp: 3;
		overflow-wrap: anywhere;
	}

	.news-list .left-news-ul li .news_sub {
		margin-top: 10px;
		font-size: 12px;
		line-height: 1.5;
		color: #8b95a1;
	}

	.news-list .right-newexpo {
		margin-top: 16px;
	}

	.news-list #rightExpoList {
		margin-top: 2px;
	}

	.news-list .right-newexpo .right-header .more a {
		display: inline-flex;
		align-items: center;
		font-size: 13px;
	}

	.no-result {
		padding: 34px 12px;
		font-size: 14px;
	}

	.fb-expo-skel > div {
		gap: 10px !important;
		padding: 12px !important;
		border-radius: 10px !important;
	}

	.fb-expo-skel .fb-skel-img {
		width: 88px !important;
		height: 70px !important;
	}

	.detail-expo-1 {
		padding: 16px 0;
		background-position: center;
	}

	.detail-expo-1 .detail-expo-bread {
		padding: 8px 10px;
		margin-bottom: 10px;
		border-radius: 6px;
		font-size: 12px;
		line-height: 1.6;
		overflow-wrap: anywhere;
	}

	.detail-expo-1 .detail-expo-bread a {
		font-size: 12px;
	}

	.detail-expo-1 .detail-expo-info {
		display: block;
		padding: 12px;
		border-radius: 8px;
	}

	.detail-expo-info .detail-expo-img {
		width: 100%;
		margin: 0 0 12px;
		background: rgba(255, 255, 255, .92);
		border-radius: 8px;
		padding: 10px;
	}

	.detail-expo-img .img_span {
		display: block;
		text-align: center;
	}

	.detail-expo-img .img_span img {
		width: auto;
		max-width: 100%;
		max-height: 180px;
		object-fit: contain;
	}

	.detail-expo-info .detail-expo-txt {
		display: block;
		width: 100%;
		min-width: 0;
	}

	.detail-expo-txt-main {
		width: 100%;
		min-width: 0;
	}

	.detail-expo-txt-main h2 {
		font-size: 20px;
		line-height: 1.35;
		margin-bottom: 8px;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.detail-expo-txt .tags {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		margin-bottom: 8px;
	}

	.detail-expo-txt .tags span {
		margin: 0;
		padding: 2px 8px;
		font-size: 11px;
		line-height: 1.45;
	}

	.detail-expo-txt .row-1 {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 6px;
		margin-bottom: 8px;
		font-size: 13px;
		line-height: 1.6;
		overflow-wrap: anywhere;
	}

	.detail-expo-txt .row-1 .zhanhui-time {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 4px;
		margin-right: 0;
	}

	.detail-expo-txt .row-1 .red {
		display: inline-block;
		margin-top: 0;
		padding: 2px 8px;
		border-radius: 14px;
	}

	.detail-expo-txt .row-1 svg {
		flex: 0 0 auto;
		width: 18px;
		height: 18px;
		margin-right: 2px;
	}

	.detail-expo-txt-main .shuju {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		margin-top: 12px;
	}

	.detail-expo-txt-main .shuju-item {
		min-width: 0;
		padding: 8px;
		border-radius: 8px;
		background: rgba(255, 255, 255, .14);
		font-size: 12px;
		line-height: 1.45;
		overflow-wrap: anywhere;
	}

	.detail-expo-txt-main .shuju-item span {
		font-size: 18px;
		line-height: 1.2;
		padding-bottom: 2px;
	}

	.minor-expo-info {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		margin-top: 12px;
	}

	.minor-expo-info .daojishi {
		margin-bottom: 0;
		font-size: 16px;
		line-height: 1.4;
	}

	.minor-expo-info .yuding a {
		min-width: 108px;
		margin-right: 0;
		padding: 8px 12px;
		font-size: 14px;
		border-radius: 20px;
	}

	.detail-expo-2 .screen-width {
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin-top: 14px;
	}

	.expo-2-right,
	.expo-2-left {
		width: 100%;
		margin: 0;
	}

	.expo-2-right-box,
	.expo-2-left-box,
	.expo-3-left-box,
	.right-newexpo {
		width: 100%;
		margin: 0 0 12px;
		padding: 14px 12px;
		border-radius: 10px;
		box-shadow: 0 8px 22px rgba(42, 70, 35, .08);
		background: #fff;
	}

	.expo-2-right-box h2 {
		padding: 10px;
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 1.4;
	}

	.expo-2-right-box h2 svg {
		flex: 0 0 auto;
		width: 18px;
		height: 18px;
	}

	.zh-description,
	.expo-richtext {
		margin-bottom: 0;
		font-size: 14px;
		line-height: 1.8;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.zh-description p,
	.zh-description span,
	.expo-richtext p {
		font-size: 14px;
		line-height: 1.8 !important;
	}

	.zh-description img,
	.expo-richtext img,
	#detailVenue img,
	#buildPlanContent img {
		max-width: 100% !important;
		height: auto !important;
	}

	.detail-skeleton {
		padding: 24px 10px;
		font-size: 14px;
	}

	.login-mask {
		height: 62%;
		padding: 0 12px 22px;
	}

	.login-mask-btn {
		width: 100%;
		padding: 11px 18px;
		font-size: 14px;
	}

	.expo-2-left-box .shoucang a {
		margin: 0 0 10px;
		padding: 12px;
		font-size: 15px;
		border-radius: 6px;
	}

	.expo-2-left-box .btn-flex {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.expo-2-left-box .two-btn a {
		width: calc(50% - 4px);
		margin: 0;
		padding: 12px 6px;
		font-size: 14px;
		border-radius: 6px;
	}

	.expo-service-cats {
		margin-top: 12px;
		padding: 12px;
		border-radius: 10px;
	}

	.expo-service-cats .esc-title {
		margin-bottom: 12px;
		font-size: 15px;
	}

	.expo-service-cats .esc-grid {
		gap: 8px;
	}

	.expo-service-cats .esc-btn {
		padding: 9px 6px;
		font-size: 13px;
	}

	.expo-3-left-box .flex {
		align-items: flex-start;
		margin-top: 12px;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	.expo-3-left-box .flex .photo {
		width: 76px;
		margin-right: 12px;
		flex: 0 0 auto;
	}

	.expo-3-left-box .flex h3 {
		margin-bottom: 6px;
		font-size: 15px;
		line-height: 1.45;
	}

	.expo-3-left-box .flex p,
	.worktime p {
		font-size: 12px;
		line-height: 1.6;
	}

	.qrcode {
		flex-wrap: wrap;
		gap: 8px;
	}

	.qrcode span {
		padding-right: 0;
		font-size: 13px;
	}

	.qrcode-area {
		position: static;
		display: block;
		width: 90px;
	}

	.qrcode-area img {
		width: 100%;
	}

	.right-newexpo .right-header {
		padding-bottom: 10px;
	}

	.right-newexpo .right-header h3 {
		font-size: 16px;
		line-height: 24px;
	}

	.right-newexpo .exh_item {
		width: 100%;
		padding: 10px 0;
		margin-bottom: 0;
		border-bottom: 1px solid #eef0f5;
		border-radius: 0;
	}

	.right-newexpo .exh_item:last-child {
		border-bottom: 0;
	}

	.right-newexpo .exh_item .exh_item_pic {
		width: 70px;
		height: 56px;
		margin-right: 10px;
	}

	.exh_item .exh_item_right {
		width: calc(100% - 80px);
		padding-right: 0;
		min-width: 0;
	}

	.exh_item_right .name_remind {
		margin-bottom: 5px;
		font-size: 14px;
		line-height: 1.45;
		overflow-wrap: anywhere;
	}

	.exh_item_right .time_remind,
	.exh_item_right .juli_remind {
		font-size: 12px;
		line-height: 1.45;
	}

	#buildPlanContent,
	#detailVenue {
		font-size: 14px;
		line-height: 1.8;
		overflow-wrap: anywhere;
	}

	#buildPlanContent ul {
		padding-left: 0;
	}

	#buildPlanContent ul li {
		width: 100%;
		margin-bottom: 8px;
	}

	.home-7 {
		padding: 12px 0;
	}

	.home-7 .zhlb .bgline {
		margin-right: 0;
	}

	.home-7 .zhlb h2 {
		width: auto !important;
	}

	.home-7 .mySwiper-more,
	.mySwiper-more {
		margin-top: 12px;
		overflow: hidden;
	}

	.mySwiper-more .swiper-wrapper {
		padding-bottom: 26px;
	}

	.mySwiper-more .swiper-slide {
		width: calc(100vw - 24px) !important;
		border-radius: 10px;
		overflow: hidden;
	}

	.mySwiper-more .exhibition-img {
		height: 130px;
		padding: 10px;
	}

	.mySwiper-more .exhibition-img img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}

	.mySwiper-more .exhibition-info {
		padding: 0 12px 14px;
	}

	.mySwiper-more .exhibition-info .row {
		flex-wrap: wrap;
		gap: 4px 8px;
	}

	.mySwiper-more .exhibition-info .title {
		white-space: normal;
		overflow: visible;
		text-overflow: clip;
		font-size: 15px;
		line-height: 1.45;
		overflow-wrap: anywhere;
	}

	.mySwiper-more .exhibition-info .row .time,
	.mySwiper-more .exhibition-info .date .status,
	.mySwiper-more .exhibition-info .hot .hots {
		font-size: 12px;
		line-height: 1.45;
	}

	.fb-body .fb-shell {
		width: 100%;
		padding: 12px;
	}

	.fb-body .fb-layout {
		display: block;
	}

	.fb-body .fb-side {
		width: 100%;
		margin-bottom: 12px;
	}

	.fb-body .fb-main {
		width: 100%;
		min-width: 0;
	}

	.fb-body .fb-card {
		padding: 14px;
		border-radius: 10px;
	}

	.fb-body .fb-table-card {
		overflow: visible;
	}

	.fb-body .fb-card-title {
		display: block;
		margin-bottom: 12px;
	}

	.fb-body .fb-card-title h2 {
		font-size: 18px;
		line-height: 1.35;
	}

	.fb-body .fb-card-title p {
		margin-top: 6px;
		font-size: 13px;
		line-height: 1.5;
	}

	.fb-body .fb-card-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin-top: 12px;
	}

	.fb-body .fb-card-actions .layui-btn {
		flex: 1 1 120px;
		margin: 0;
		padding: 0 12px;
		text-align: center;
	}

	#tbApply.layui-table,
	#tbTicket.layui-table {
		display: block;
		width: 100%;
		margin: 0;
		background: transparent;
		border: 0;
	}

	#tbApply thead,
	#tbTicket thead {
		display: none;
	}

	#tbApply tbody,
	#tbApply tr,
	#tbApply td,
	#tbTicket tbody,
	#tbTicket tr,
	#tbTicket td {
		display: block;
		width: 100%;
	}

	#tbApply tbody,
	#tbTicket tbody {
		background: transparent;
	}

	#tbApply tr,
	#tbTicket tr {
		margin-bottom: 12px;
		padding: 12px;
		border: 1px solid #e8edf5;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 6px 18px rgba(15, 35, 70, .06);
	}

	#tbApply td,
	#tbTicket td {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 12px;
		min-height: 34px;
		padding: 8px 0;
		border: 0;
		border-bottom: 1px solid #f0f3f8;
		color: #1f2a37;
		font-size: 14px;
		line-height: 1.5;
		text-align: right;
		word-break: break-word;
	}

	#tbApply td:last-child,
	#tbTicket td:last-child {
		border-bottom: 0;
	}

	#tbApply td::before,
	#tbTicket td::before {
		flex: 0 0 72px;
		color: #7b8794;
		font-weight: 600;
		text-align: left;
		white-space: nowrap;
		content: "";
	}

	#tbApply td:nth-child(1)::before { content: "ID"; }
	#tbApply td:nth-child(2)::before { content: "展会名称"; }
	#tbApply td:nth-child(3)::before { content: "公司名"; }
	#tbApply td:nth-child(4)::before { content: "人数"; }
	#tbApply td:nth-child(5)::before { content: "平米数"; }
	#tbApply td:nth-child(6)::before { content: "摊位数"; }
	#tbApply td:nth-child(7)::before { content: "参展价格"; }
	#tbApply td:nth-child(8)::before { content: "状态"; }
	#tbApply td:nth-child(9)::before { content: "操作"; }
	#tbTicket td:nth-child(1)::before { content: "ID"; }
	#tbTicket td:nth-child(2)::before { content: "展会名称"; }
	#tbTicket td:nth-child(3)::before { content: "姓名"; }
	#tbTicket td:nth-child(4)::before { content: "联系方式"; }
	#tbTicket td:nth-child(5)::before { content: "人数"; }
	#tbTicket td:nth-child(6)::before { content: "状态"; }
	#tbTicket td:nth-child(7)::before { content: "预订时间"; }
	#tbTicket td:nth-child(8)::before { content: "操作"; }

	#tbApply td:nth-child(2),
	#tbApply td:nth-child(3),
	#tbTicket td:nth-child(2),
	#tbTicket td:nth-child(4) {
		text-align: left;
	}

	#tbApply td:nth-child(2)::before,
	#tbApply td:nth-child(3)::before,
	#tbTicket td:nth-child(2)::before,
	#tbTicket td:nth-child(4)::before {
		text-align: left;
	}

	#tbApply td:nth-child(2),
	#tbTicket td:nth-child(2) {
		font-weight: 600;
		color: #183153;
	}

	#tbApply td:nth-child(9),
	#tbTicket td:nth-child(8) {
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		text-align: left;
	}

	#tbApply td:nth-child(9)::before,
	#tbTicket td:nth-child(8)::before {
		width: 100%;
		flex-basis: 100%;
		margin-bottom: 2px;
	}

	#tbApply td:nth-child(9) .layui-btn,
	#tbTicket td:nth-child(8) .layui-btn {
		margin: 0 8px 0 0;
	}

	#tbTicket td:nth-child(8) .btn-detail {
		display: none;
	}

	#tbApply td[colspan],
	#tbTicket td[colspan] {
		display: block;
		padding: 18px 0;
		text-align: center;
		border-bottom: 0;
	}

	#tbApply td[colspan]::before,
	#tbTicket td[colspan]::before {
		display: none;
	}

	.fb-menu a {
		display: inline-block;
	}

	.fb-menu a.active, .fb-menu a:hover {
		box-shadow: none;
	}
	.sv-card-logo {
    	width: 110px;
    	height: auto;
	}
}

@media (max-width: 420px) {
	.home-1 .banner {
		height: 350px;
	}

	.home-1 .banner .mid h1 {
		font-size: 19px;
	}

	.home-3 ul li > a {
		flex-basis: 36%;
	}

	.home-3 ul li .exhibition-img {
		height: 104px;
	}

	.home-4 .fb-skel-img {
		height: 148px !important;
	}
}