.detailText {
	height: auto !important;
	overflow: visible !important;
	word-break: break-word;
}

#read-more {
	display: none !important;
}

.mobileNavToggle {
	display: none;
}

@media screen and (max-width: 768px) {
	.container,
	.nav_centent,
	.jiri,
	.mainbox {
		width: 100%;
		padding-left: 12px;
		padding-right: 12px;
	}

	.header {
		height: auto;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.logo {
		float: none;
		width: 160px;
		height: auto;
		margin: 0 auto 12px;
	}

	.logo img {
		width: 100%;
		height: auto;
	}

	.headerInput {
		width: 100%;
		float: none;
		margin-left: 0;
	}

	.headerInputText {
		width: calc(100% - 96px);
	}

	.headerInputBtn {
		width: 96px;
	}

	.navigation,
	.nav_centent,
	.navBox,
	.navBox .nav {
		height: auto;
	}

	.navigation {
		padding: 10px 12px 12px;
	}

	.nav_centent {
		padding-left: 0;
		padding-right: 0;
	}

	.navBox {
		position: relative;
	}

	.mobileNavToggle {
		width: 46px;
		height: 46px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 5px;
		margin-left: auto;
		border: none;
		border-radius: 12px;
		background: rgba(255,255,255,0.16);
		box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
		padding: 0;
	}

	.mobileNavToggle span {
		display: block;
		width: 20px;
		height: 2px;
		background: #fff;
		border-radius: 999px;
		transition: transform .2s ease, opacity .2s ease;
	}

	.mobileNavToggle.is-open span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	.mobileNavToggle.is-open span:nth-child(2) {
		opacity: 0;
	}

	.mobileNavToggle.is-open span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	.navBox .nav {
		display: none;
		margin-top: 12px;
		padding: 10px;
		background: rgba(255,255,255,0.96);
		border-radius: 14px;
		box-shadow: 0 10px 24px rgba(22, 76, 126, 0.18);
		overflow: hidden;
	}

	.navBox.nav-open .nav {
		display: block;
	}

	.navBox .nav li {
		float: none;
		width: 100%;
		height: auto;
	}

	.navBox .nav li a {
		width: 100%;
		height: 44px;
		line-height: 44px;
		padding: 0 14px;
		font-size: 14px;
		border-radius: 10px;
		background: transparent;
		box-shadow: none;
		transition: all .2s ease;
		color: #2c3e50;
		text-align: left;
	}

	.navBox .nav li span {
		display: none;
	}

	.navBox .nav li.active,
	.navBox .nav .active {
		background: transparent;
	}

	.navBox .nav li.active a,
	.navBox .nav .active a,
	.navBox .nav li a:hover {
		background: rgba(45, 135, 207, 0.12);
		color: #2d87cf;
		box-shadow: none;
	}

	.fixed_outbox {
		display: none;
	}

	.mainbox {
		margin: 10px auto 30px;
		overflow: visible;
	}

	.mainbox_left,
	.mainbox_right,
	.main_content,
	.firstLeftBanner,
	.guessTitle,
	.com,
	.viewListsLeft,
	.viewListsRight,
	.column,
	.lists,
	.left,
	.right,
	.recommend {
		width: 100%;
		float: none;
	}

	.firstLeftBanner,
	.firstLeftBanner .swiper-container,
	.firstLeftBanner .swiper-wrapper,
	.firstLeftBanner .swiper-slide {
		height: auto;
	}

	.firstLeftBanner img,
	.firstLeftBanner .firstLeftBannerImg {
		width: 100%;
		height: auto;
		display: block;
	}

	.recommendation_item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.first_pic,
	.first_pic > img {
		width: 100%;
		height: auto;
	}

	.viewLists {
		width: 100%;
		float: none;
	}

	.viewHotList p,
	.conHotList p,
	.telText p {
		width: calc(100% - 18px);
	}

	.secondLeftLists {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
	}

	.secondLeftLists a {
		float: none;
		width: calc(50% - 6px);
	}

	.secondLeftList {
		width: 100%;
		margin: 0;
	}

	.secondLeftListImg {
		height: auto;
		aspect-ratio: 5 / 3;
	}

	.secondLeftListImg > img {
		object-fit: cover;
	}

	.nationalListImg {
		width: 120px;
		height: 82px;
	}

	.nationalListText {
		width: calc(100% - 135px);
		height: auto;
		margin-left: 15px;
	}

	.nationalListText p {
		height: auto;
		margin-top: 0;
		font-size: 16px;
		line-height: 1.6;
	}

	.list {
		padding-bottom: 16px;
		border-bottom: 1px solid #eee;
	}

	.list > a,
	.listText {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.listImg {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 10;
	}

	.listImg > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.listText {
		margin-top: 12px;
	}

	.listText h2 {
		height: auto;
		margin-top: 0;
		font-size: 18px;
	}

	.listTextTime {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
	}

	.video_watch {
		margin-left: 0;
	}

	.ListsPages {
		margin-top: 30px;
		margin-bottom: 30px;
		row-gap: 8px;
	}

	.ListsPages ul,
	.ListsPages ol {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px;
	}

	.ListsPages li {
		display: flex;
	}

	.ListsPages > a,
	.ListsPages > span,
	.ListsPages li > a,
	.ListsPages li > span {
		min-width: 32px;
		height: 32px;
		padding: 0 10px;
		font-size: 14px;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.crumbs {
		font-size: 12px;
		line-height: 1.7;
	}

	.detailTitle {
		padding-bottom: 14px;
		margin-bottom: 14px;
	}

	.detailTitle h2 {
		font-size: 26px;
		line-height: 1.4;
	}

	.detailTitle p {
		line-height: 1.8;
	}

	.detailText {
		font-size: 16px;
		line-height: 1.9;
	}

	.detailText img,
	.detailText video,
	.videoBox {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.recommendLists {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		padding-left: 0;
	}

	.recommendLists a {
		float: none;
		width: calc(50% - 6px);
	}

	.recommendList {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
	}

	.recommendListImg,
	.watchListImg {
		width: 100%;
		height: auto;
	}

	.recommendListImg img,
	.watchListImg img {
		width: 100%;
		height: auto;
	}

	.watchListTitle h3,
	.infoListTitle p {
		width: calc(100% - 22px);
	}

	.footer {
		height: auto;
		padding: 20px 12px;
	}

	.rightBar {
		right: 12px;
		bottom: 80px;
	}
}