*, *::before, *::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0.5em;
	font-size: 14px;
}

table {
	width: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

.hot-news {
	display: flex;
	flex-direction: column;
	gap: 1.5em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.hot-news > * {
	display: block;
	width: 100%;
}

.hot-news a {
	text-decoration: none;
}

.box-blue, .box-red {
	padding: 0.5em;
	color: currentColor;
}

.box-blue {
	border: 1px solid #267fd1;
}

.box-red {
	border: 1px solid #C9403C;
}

.box-green {
	border: 1px solid #008E02;
}

.box-orange {
	border: 1px solid #d18f00;
}

.hover-bg-red:hover {
	background-color: #f7dcbe;
}

.hover-bg-yellow:hover {
	background-color: #fffdd7;
}
.hover-bg-blue:hover {
	background-color: #ddebf9;
}

.text-red {
	color: #D2321F;
}

.text-blue {
	color: #005cfb;
}

.text-green {
	color: #008E02;
}

.text-orange {
	color: #d18f00;
}

.icon-image {
	height: 1.5em;
	width: auto;
	vertical-align: middle;
}