/* --------------------- Highlights -------------------- */

/*
.cateArticleList {
    margin-left: -8%;
    margin-right: -8%;
}

.slider-label { 
    width: 100px;
    padding: 15px 10px 35px 10px;
    position: absolute;
    top: -30px;
    right: -60px;
    background-color: rgba(19, 170, 166, 0.8);
    border-radius: 15px;
    text-align: right;
    color: white;
    letter-spacing: .2em;
    line-height: 1.3em;
    font-size: 1.4em;
	writing-mode: vertical-rl;
    z-index: 0;
}
*/
.tips-box {
	order: 1;
	width: 92%;
	margin: 0 auto;
	background-color: #e6ffe7;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	margin-bottom: 2em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.tips-label {
	background: linear-gradient(to right, #5edbb1 0, #1ec3b8 100%);
	color: #08457c;
	padding: 10px 20px;
	font-size: 19px;
	font-weight: bold;
	font-family: "ar-yuanb5std", sans-serif;
	letter-spacing: .05em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	white-space: nowrap;
	letter-spacing: 3px;
}
.icon-tips {
	width: 35px;
	height: auto;
	margin-right: 10px;
}
.tips-body {
	padding: 14px 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
}
.tips-text {
	width: 100%;
	font-size: 1.1em;
}
.tips-btn {
	background-color: #0ab078;
	border-radius: 50px;
	padding: 10px 15px;
	color: white;
	font-size: 17px;
	font-weight: bold;
	font-family: "ar-yuanb5std", sans-serif;
	letter-spacing: .1em;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-left: 5px;
	white-space: nowrap;
	box-shadow: 0 5px 8px rgba(10, 176, 120, 0.15);
	transition: all .2s ease;
	letter-spacing: 3px;
}
.tips-btn:hover {
	color: white;
	transform: scale(1.05);
}
#tabs {
	display: flex;
	cursor: pointer;
	flex-direction: row;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -15px;
	z-index: 2;
	position: relative;
}
.tab {
	background: #18bdd3;
	border-radius: 10px;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
	padding: 10px 10px;
	margin: 0 5px;
	text-align: center;
	color: white;
	width: 20%;
	font-size: clamp(18px, 1.4vw, 22px);
	font-weight: 500;
	font-family: "ar-yuanb5std", sans-serif;
	letter-spacing: 7px;
}

.tab.active {
	background: linear-gradient(to right, #aed949 0%, #099e6c 100%);
}
.content-div {
    display: none;
}
.content-div.active {
    display: block;
}
.content-div.active .article-box.large {
    opacity: 1;
}
.home-article-main {
	background: linear-gradient(30deg, #c7f1ff 55%, #f4ffe7 95%);
	border-radius: 30px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	padding: 20px 3%;
	padding-top: 35px;
	position: relative;
	z-index: 1;
}
.home-article-main .article-box.large {
	display: flex;
	flex-direction: row;
	align-items: center;
	

    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.article-box .article-item-pic {
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	margin-bottom: 1em;
	border: solid 4px rgba(255,255,255,0.5);
	transition: all .1s ease;
}
.article-box:hover .article-item-pic {
	border: solid 4px white;
}
.home-article-main .article-box.large .article-item-pic {
	width: 50%;
}
.home-article-main .article-box.large .article-item-info {
	width: calc(50% + 20px);
	padding: 0 clamp(12px, 3vw, 30px);
	margin-right: -17px;
}
.home-article-list .article-box.small .article-item-pic {
	margin-bottom: 1em;
}
.home-article-list {
	display: flex;
	position: relative;
	z-index: 0;
	flex-direction: row;
	background: linear-gradient(30deg, #289dcf 0%, #5bd49d 100%);
	margin: -15px auto 0 auto;
	width: 96%;
	padding: 30px 2% 0 2%;
	border-radius: 0 0 25px 25px;
}
.home-article-list .article-box {
	width: 25%;
	padding: 1.5%;
}
.home-article-list a.article-box:hover .article-item-pic {
	border: solid 4px white;
}
@media only screen and (max-width: 992px) {
	.main-highlights {
		order: 1;
	}
	.tips-box {
		order: 3;
		width: 95%;
		margin-bottom: 0;
		flex-direction: column;
		font-size: .9em;
	}
	.tips-btn {
		font-size: 1.1em;
	}
	.home-article-main .article-box.large { 
		flex-direction: column;
	}
	.home-article-main .article-box.large .article-item-pic,
	.home-article-main .article-box.large .article-item-info {
		width: 100%;
		margin-top: .5em;
		margin-bottom: 1em;
	}
	.home-article-list { 
		flex-direction: column;
	}
	.home-article-list .article-box {
		width: 100%;
		display: flex;
		/* padding: 1% 1.5%; */
		padding: 2% 1% 2% 3%;
	}
	.home-article-list .article-box.small .article-item-pic {
		width: 30%;
	}
	.home-article-list .article-box.small .article-item-info {
		width: calc(70% - 10px);
		display: flex;
		align-items: center;
		padding: 0 3%;
		margin-left: 10px;
		
	}
	.home-article-list .article-box.small:not(:last-child) .article-item-info {
		border-bottom: solid 1px #ffffff42;
	}
	.article-box.small .article-item-title {
		font-size: 18px !important;
	}
}
.article-item {
    display: block;
    transition: all .2s ease;
    transform: translate3d(0, 0, 0);
}
.article-box.large {
    display: block;
   /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); */
}
.article-item-info {
	color: #264263;
}
.article-box.large .article-item-pic {
	border-radius: 15px;
    overflow: hidden;
}
.article-box.large .article-item-title {
	color: #264263;
	font-size: 32px;
	font-weight: 600;
	line-height: 42px;
}
.article-box.large .article-item-desc {
	font-size: 16px;
	font-weight: 400;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.article-item-pic {
    border-radius: 10px;
    overflow: hidden;
}
.article-item-title {
	/* opacity: .75; 
	padding: 0 8px;
	margin-top: .5em;*/
	margin-bottom: .5em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	letter-spacing: .5px;
}
.article-box.large .article-item-title {
	color: #264263;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.article-box.small .article-item-title {
	color: white;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	font-size: clamp(14px, 1vw, 18px);
	font-weight: 500;
}
.article-box.small .article-item-pic {
	border-radius: max(10px,.6vw);
}
/*
.mainSlider .article-item-title {
	color: white;
	text-align: center;
	opacity: .9;
	font-size: 1.1em;
	padding: 0 8px;
	margin-top: .75em;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	letter-spacing: 1px;
}
*/
.article-item-pic img {
	transition: all .2s ease;
}
.article-item-pic:hover img {
    transform: scale(1.03);
}
.main-highlights {
    position: relative;
    margin-bottom: 2.5em;
	order: 2;
}