@charset "utf-8";



/*新闻资讯 css*/
.hot_news_container {
	float: left;
	width: 100%;
	border-top: 0.2rem solid rgb(240, 240, 240);
	background: #ffffff;
}

.hot_news_container .news_option_card {
	float: left;
	width: calc(100% - 0.4rem);
	height: var(--sub-height);
	padding: 0.2rem;
	background: rgb(255, 255, 255);
	border-bottom: 0.001rem solid #f0f0f0;
}

.hot_news_container .news_option_card ul {
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.hot_news_container .news_option_card ul li {
	padding: 0;
	margin: 0;
	float: left;
	width: 20%;
	height: var(--sub-height);
	line-height: var(--sub-height);
	;
	text-align: center;
	font-size: var(--sub-font-size);
	font-weight: normal;
	-webkit-border-radius: 0.1rem;
	-moz-border-radius: 0.1rem;
	border-radius: 0.1rem;
	cursor: pointer;
}

.hot_news_container .news_option_card ul li a {
	display: block;
	height: var(--sub-height);
	line-height: var(--sub-height);
	text-decoration: none;
	color: #333333;
	background: #ffffff;
}

.hot_news_container .news_option_card ul li a.cur {
	display: block;
	height: var(--sub-height);
	line-height: var(--sub-height);
	background: rgb(237, 119, 87);
	color: #fff;
	border-radius: 0.1rem;
	pointer-events: none;
	cursor: not-allowed;
}


.hot_news_container .news_option_card .option_item {
	padding: 0;
	margin: 0;
	float: left;
	width: 20%;
	height: var(--sub-height);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: var(--sub-font-size);
	font-weight: normal;
	-webkit-border-radius: 0.1rem;
	-moz-border-radius: 0.1rem;
	border-radius: 0.1rem;
	cursor: pointer;
}

.hot_news_container .news_option_card .cur {
	background: rgb(237, 119, 87);
	color: #fff;
	border-radius: 0.1rem;
	pointer-events: none;
	cursor: not-allowed;
}


.hot_news_container .news_option_content {
	float: left;
	width: 100%;
	background: #ffffff;
}

.hot_news_container .news_option_content ul {
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.hot_news_container .news_option_content ul li {
	float: left;
	width: calc(100% - 0.4rem);
	padding: 0.2rem;
	height: var(--item-img-height);
	border-bottom: 0.001rem solid #e3e3e3;
	position: relative;
	overflow: hidden;
}

.hot_news_container .news_option_content ul li:last-child {
	border-bottom: 0.000rem solid transparent;
}

/*列表中的旅游置顶 css*/
.hot_news_container .news_option_content .news_pinned {
	float: left;
	height: auto;
}

.news_pinned .pinned_top_card {
	float: left;
	width: 100%;
}

.news_pinned .pinned_top_card .pinned_title {
	font-size: var(--item-font-size);
	font-weight: normal;
	text-align: left;
	display: block;
}

.news_pinned .pinned_top_card .pinned_title a {
	text-decoration: none;
	color: #333333;
	cursor: pointer;
}

.news_pinned .pinned_top_card .pinned_bar {
	float: left;
	width: calc(100% - 0.4rem);
	padding-top: 0.1rem;
	padding-bottom: 0.2rem;
	border-bottom: 0.00rem dashed #eeeeee;
	color: #888888;
	font-size: var(--label-font-size);
}

.news_pinned .pinned_top_card .pinned_bar b {
	padding-right: 0.4rem;
	font-weight: normal;
}

.news_pinned .pinned_photo_card {
	float: left;
	width: 100%;
	height: 4.2rem;
	padding-bottom: 0.1rem;
}

.news_pinned .pinned_photo_card .news_advert_left {
	float: left;
	width: calc(50% - 0.1rem);
	height: 100%;
	margin-left: 0.0rem;
	border-radius: 0.1rem;
	overflow: hidden;
}

.news_pinned .pinned_photo_card .news_advert_left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	vertical-align: middle;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	cursor: pointer;
}

.news_pinned .pinned_photo_card .news_advert_left img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.news_pinned .pinned_photo_card .news_advert_right {
	float: right;
	width: calc(50% - 0.1rem);
	height: 100%;
	margin-right: 0.0rem;
	border-radius: 0.1rem;
	overflow: hidden;
}


.news_pinned .pinned_photo_card .advert_right_photo {
	display: block;
	width: 100%;
	height: 2.0rem;
	border-radius: 0.1rem;
	overflow: hidden;
}

.news_pinned .pinned_photo_card .news_advert_right .advert_right_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	vertical-align: middle;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	cursor: pointer;
}

.news_pinned .pinned_photo_card .news_advert_right .advert_right_photo img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.news_pinned .pinned_photo_card .news_advert_right .advert_line {
	display: block;
	width: 100%;
	height: 0.2rem;
	background: transparent;
}


/*列表中的广告位 css*/
.hot_news_container .news_option_content .advert {
	float: left;
	height: auto;
}

.hot_news_container .news_option_content .advert_photo {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(240, 240, 240);
	border-radius: 0.1rem;
}

.hot_news_container .news_option_content .advert_photo img {
	width: calc(100% - 0.04rem);
	height: auto;
	object-fit: cover;
	border-radius: 0.1rem;
	border: 0.02rem solid rgb(240, 240, 240);
}

.hot_news_container .news_option_content .advert_info {
	float: left;
	width: 100%;
	font-size: var(--small-font-size);
	color: #666666;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}

.hot_news_container .news_option_content .advert_info .txt {
	float: left;
	display: block;
	width: calc(100% - 1.0rem);
}

.hot_news_container .news_option_content .advert_info .label {
	float: right;
	display: block;
	width: 1.0rem;
	text-align: right;
	font-weight: normal;
}



.hot_news_container .news_option_content ul .blank_photo {
	float: left;
	width: var(--item-img-width);
	height: var(--item-img-height);
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(240, 240, 240);
}

.hot_news_container .news_option_content ul .blank_photo img {
	width: var(--blank-img-width);
	height: var(--blank-img-height);
	object-fit: cover;
}

.hot_news_container .news_option_content ul .preview_photo {
	float: left;
	display: block;
	width: var(--item-img-width);
	height: var(--item-img-height);
	background: rgb(240, 240, 240);
}

.hot_news_container .news_option_content .preview_photo .video {
	position: absolute;
	background: url(./../../img/icon_play.png);
	background-size: 100% 100%;
	top: calc(50% - 0.3rem);
	left: calc(2.0rem - 0.3rem);
	z-index: 1;
	width: 0.6rem;
	height: 0.6rem;
	color: #ffffff;
	cursor: pointer;
}


.hot_news_container .news_option_content ul .recommend_photo {
	position: relative;
	overflow: hidden;
}

.hot_news_container .news_option_content ul .recommend_photo::before {
	content: "推荐";
	position: absolute;
	top: -0.12rem;
	left: -0.5rem;
	z-index: 1;
	padding: 0.3rem 0.5rem 0.1rem 0.5rem;
	background-color: rgb(237, 119, 87);
	transform: rotate(-45deg);
	font-size: 0.24rem;
	color: #ffffff;
}

.hot_news_container .news_option_content ul .preview_photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hot_news_container .news_option_content ul .news_info {
	float: left;
	width: calc(100% - var(--item-img-width) - 0.4rem);
	height: var(--item-img-height);
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

.hot_news_container .news_option_content ul .news_info .txt {
	height: var(--item-text-height);
	margin-top: calc(calc(var(--item-title-height) - var(--item-text-height)) / 2);
	margin-bottom: calc(calc(var(--item-title-height) - var(--item-text-height)) / 2);
	font-size: var(--item-font-size);
	display: -webkit-box;
	align-items: center;
	justify-content: center;
	/* 将对象作为弹性伸缩盒子模型显示 */
	line-clamp: 2;
	-webkit-line-clamp: 2;
	/* 行数，值可以改，表示展示X行后多余的缩略展示 */
	-webkit-box-orient: vertical;
	/* 设置或检索伸缩盒对象的子元素的排列方式 */
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
}

.hot_news_container .news_option_content ul .news_info .date {
	width: 100%;
	height: var(--item-label-height);
	line-height: var(--item-label-height);
	font-size: var(--label-font-size);
	font-weight: normal;
	color: #999;
}

.hot_news_container .news_option_content ul .news_info .date b {
	font-weight: normal;
}

.hot_news_container .news_option_content ul .news_info .date .time {
	padding-left: 0.4rem;
}


.hot_news_container .list_item_more {
	float: left;
	margin: 0.2rem;
	width: calc(100% - 0.4rem);
	height: 1.0rem;
	line-height: 1.0rem;
	text-align: center;
	font-size: var(--font-size);
	background: rgb(240, 240, 240);
	border-radius: 0.05rem;
	color: #333333;
	cursor: pointer;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.hot_news_container .list_item_more i {
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	background-repeat: no-repeat;
	background-size: 100%;
}

.hot_news_container .list_item_more.more_add i {
	background-image: url(../img/icon_more_black.png);
}


.hot_news_container .list_item_more.more_loading i {
	background-image: url(../img/icon_loading.gif);
}

.hot_news_container .list_item_more span {
	display: block;
	font-size: var(--font-size);
	text-align: center;
	padding-left: 0.14rem;
	color: #333333;
	line-height: 0.8rem;
}

.hot_news_container .list_item_more.more_loading span {
	color: #999999;
}