.page-home {
	.st-mainbody {
		padding: 0;
		.doc-header {
			position: relative;
			z-index: 0;
			background: #000;
			padding: 0;
			.bg {
				.thumb {
					max-height: 750px;
					overflow: hidden;
					&::after {
						position: absolute;
						left: 0;
						right: 0;
						top: 0;
						bottom: 0;
						content: "";
						background: linear-gradient(45deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
						opacity: 0.1;
					}
					img {
						width: 100%;
						max-width: 100%;
						max-height: none;
					}
				}
			}
			.intro {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				.container {
					position: relative;
					display: flex;
					height: 100%;
					justify-content: flex-end;
					align-items: flex-end;
				}
				.text {
					flex: 1;
					margin-bottom: 60px;
					color: #fff;
					display: none;
					small,
					big {
						display: block;
						font-family: DIN, Helvetica, sans-serif;
						line-height: 1.2em;
					}
					big {
						font-size: 4rem;
						font-weight: bold;
					}
					small {
						font-size: 1.2rem;
						margin-bottom: 30px;
						font-weight: lighter;
					}
				}
				.dates {
					flex: 0 0 480px;
					height: 100%;
					color: #fff;
					padding: 20px 30px;
					background: rgba(36, 55, 92, 0.71);
					h3 {
						margin-bottom: 30px;
						font-size: 1.22rem;
					}
					ul {
						position: relative;
						list-style: none;
						padding: 20px 0;
						&:after {
							position: absolute;
							top: 0;
							bottom: 0;
							left: 5px;
							content: "";
							width: 1px;
							height: 100%;
							border-left: dashed 1px rgba(255, 255, 255, 0.35);
						}
						li {
							position: relative;
							padding-left: 150px;
							height: 50px;
							font-size: 1rem;
							&:before {
								position: absolute;
								top: 8px;
								left: 0;
								content: "";
								width: 10px;
								height: 10px;
								border-radius: 100%;
								background: #fdd600;
								opacity: 0.6;
							}
							i {
								position: absolute;
								left: 15px;
								font-style: normal;
							}
							a {
								color: rgba(255, 255, 255, 0.65);
							}
						}
					}
				}
			}
		}
		.doc-body {
			.block {
				&.block-news {
					padding: 50px 0;
					.topnews {
						.card {
							margin-bottom: 0;
							position: relative;
							&:hover {
								.card-body {
									background: @primary-color;
									height: 100%;
									.summary {
										display: block;
										opacity: 1;
									}
								}
							}
							.card-img {
								position: relative;
								height: 455px;
								overflow: hidden;
								&:after {
									position: absolute;
									left: 0;
									right: 0;
									bottom: 0;
									top: 0;
									content: "";
									background: linear-gradient(to bottom, rgba(71, 51, 51, 0) 70%, rgba(0, 0, 0, 0.8));
								}
								img {
									width: 100%;
									height: 100%;
									object-fit: cover;
								}
							}
							.card-body {
								position: absolute;
								z-index: 1;
								left: 0;
								right: 0;
								bottom: 0;
								color: #fff;
								padding: 20px;
								transition: 0.3s;
								.title {
									font-size: 1.5rem;
								}
								.summary {
									transition: 0.3s;
									transition-delay: 0.3s;
									display: none;
									opacity: 0;
									margin-top: 30px;
									max-height: none;
								}
							}
						}
					}
					.more-news {
						.heading {
							padding-top: 0;
							margin-bottom: 0;
							.btn {
								font-size: 1.11rem;
								color: @primary-color;
							}
						}
						.items {
							max-height: 400px;
							overflow-y: scroll;
							// 火狐
							scrollbar-width: thin;
							scrollbar-color: @primary-color #ccc;
							// ie
							scrollbar-arrow-color: #ccc; /* 设置滚动条上的箭头颜色  */
							scrollbar-base-color: #ccc; /* 设置滚动条的底色 */
							scrollbar-track-color: @primary-color; /* 设置滚动条块的背景色 */
							scrollbar-shadow-color: #ccc; /* 设置箭头和滚动条右侧和底边的颜色 */
							// 谷歌
							&::-webkit-scrollbar {
								/* 滚动条宽 */
								width: 5px;
							}
							&::-webkit-scrollbar-thumb {
								/* 滚动条 拖动条 */
								background: @primary-color;
								border-radius: 6px;
							}
							&::-webkit-scrollbar-track {
								/* 滚动条背景槽 */
								background-color: #ccc;
								border-radius: 6px;
							}
						}
						.card {
							display: flex;
							background: url(../img/dots.png) no-repeat left 2px top 5.5px;
							background-size: 10px;
							&:hover {
								.card-body {
									.title,
									.subtitle {
										color: @primary-color;
									}
								}
							}
							.card-body {
								flex: 1;
								margin-right: 20px;
								padding: 0;
								.title {
									font-size: 1rem;
									color: @primary-color;
								}
								.subtitle {
									color: #777;
									font-size: inherit;
								}
							}
							.card-date {
								flex: 0 0 100px;
								color: #666;
							}
						}
					}
				}
				&.block-focus {
					background: #f4f4f4;
					padding: 40px 0 60px 0;
					.btn {
						// border-radius: 100px;
						// padding: 4px 10px;
					}
					.summary {
						color: #444;
						margin-bottom: 10px;
						line-height: 1.65em;
						text-align: justify;
					}
					.galley {
						position: relative;
						margin-left: 70px;
						&:before {
							position: absolute;
							left: 0;
							right: 0;
							top: 0;
							bottom: 0;
							background: #d9d9d9;
							content: "";
							transform: translate(30px, 30px);
						}
						.card {
							margin: 0;
							padding: 0;
						}
						.thumb {
							margin: 0 25px 25px 0;
							img {
								width: 100%;
								max-width: 100%;
								max-height: none;
								z-index: 1;
							}
						}
					}
				}
				&.block-keynote {
					.heading {
						margin-bottom: 0;
					}
					.help-block {
						display: flex;
						align-items: center;
					}
					.btn {
						display: inline-block;
						width: fit-content;
						margin: 0 0 0 auto;
					}
					.swiper-container-horizontal > .swiper-pagination-bullets,
					.swiper-pagination-custom,
					.swiper-pagination-fraction {
						top: 0;
						bottom: unset;
					}
					.swiper-container {
						padding-top: 50px;
					}
					padding: 50px 0;
					.card-keynote {
						background: #f8f8f8;
						display: flex;
						align-items: center;
						padding: 15px;
						border-bottom: dashed 1px #ddd;

						.card-img {
							// flex: 0 0 25%;
							width: 170px;
							height: 170px;
							background: #fff;
							border: solid 1px #ddd;
							padding: 0;
							border-radius: 100%;
							overflow: hidden;
							box-sizing: content-box;
							box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
							img {
								width: 100%;
								height: 100%;
								object-fit: contain;
								background: #f0f0f0;
							}
						}
						.card-body {
							flex: 1;
							margin-left: 10px;
							color: #555;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
							.title {
								margin: 0 0 15px 0;
								font-size: 1.22rem;
								font-weight: bold;
								overflow: hidden;
								a {
									color: @primary-color;
								}
								small {
									display: block;
									color: #111;
									font-weight: normal;
								}
							}
							.session,
							.paper,
							.organized,
							.date {
								width: 100%;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
								a {
									color: #333;
								}
							}
							.date {
								color: #24375c;
							}
							.organized {
								a:after {
									content: ",";
								}
								a:last-of-type:after {
									display: none;
								}
							}
						}
					}
				}
			}
		}
	}
}

.page-keynote {
	.st-mainbody {
		.doc-body {
			.content-layout .content-layout-sidebar {
				flex: 0 0 300px;
				.subnav {
					max-width: 90%;
				}
			}
			.keynote-list {
				margin-top: 20px;
				.card-keynote {
					// background: #f8f8f8;
					display: flex;
					align-items: center;
					padding: 20px 0 0 10px;
					margin-bottom: 0;
					border-bottom: dashed 1px #ddd;
					.card-img {
						width: 170px;
						height: 170px;
						border-radius: 100%;
						overflow: hidden;
						background: #fff;
						border: solid 1px #ddd;
						box-sizing: content-box;
						box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
						img {
							width: 100%;
							height: 100%;
							object-fit: contain;
							background: #f0f0f0;
						}
					}
					.card-body {
						flex: 1;
						margin-left: 20px;

						color: #555;
						// white-space: nowrap;
						.title {
							margin: 0 0 8px 0;
							font-size: 1.22rem;
							font-weight: bold;
							overflow: hidden;
							a {
								color: @font-dark;
								font-weight: bold;
							}
							small {
								display: block;
								font-size: 100%;
								color: @primary-color;
							}
						}
						.session,
						.paper,
						.organized,
						.date {
							height: 1.5em;
							overflow: hidden;
							a {
								color: midnightblue;
							}
						}
						.organized {
							a:after {
								content: ",";
							}
							a:last-of-type:after {
								display: none;
							}
						}
						.paper span {
							font-style: italic;
						}
					}
				}
			}
		}
	}
}

.page-focus {
	> .loading {
		display: none;
	}
	.st-mainbody {
		.doc-body {
			.intro {
				padding: 20px 0;
				background: #f0f0f0;
				.heading {
					margin: 0;
				}
				.richtext {
					font-size: 1rem;
				}
			}
			.focus {
				.focus-box {
					background: #fff;
					display: flex;
					height: 640px;
					margin: 50px 0;
					align-items: stretch;
					// border: solid 1px #ddd;
					// box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
					.loading {
						position: absolute;
					}
					.btn-more {
						text-transform: capitalize;
					}
					ul {
						list-style: none;
						padding: 0;
						li {
							margin-bottom: 10px;
							a {
								color: inherit;
								font-size: 1rem;
								small {
									display: block;
									font-size: 100%;
									font-style: italic;
								}
							}
						}
					}
					h5 {
						color: @primary-color;
						font-size: 1.1rem;
						line-height: 1.35em;
					}
					.btn-more {
						margin-top: 5px;
						padding: 5px 10px;
						text-transform: capitalize;
					}
					.focus-box-col1 {
						position: relative;
						flex-basis: 300px;
						margin-right: 30px;
						ul {
							position: sticky;
							top: 40px;
							list-style: none;
							padding: 0;
							margin: 0;
							max-width: 300px;
							border: solid 1px #f0f0f0;
							box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
							> li {
								margin-bottom: 0;
								border-bottom: solid 1px #ddd;
								&:last-of-type {
									border-bottom: none;
								}
								> a {
									position: relative;
									display: block;
									padding: 10px 15px;
									color: inherit;
									font-size: 1.1rem;
									white-space: nowrap;
									&.active {
										background: @primary-color;
										color: #fff;
										&:after {
											position: absolute;
											right: 0;
											top: 50%;
											width: 12px;
											height: 12px;
											background: @primary-color;
											content: "";
											transform: translate(6px, -50%) rotate(45deg);
											transition: 0.3s;
										}
									}
								}
							}
						}
					}
					.focus-box-col2,
					.focus-box-col3 {
						position: relative;
						flex: 1 0 40%;
						overflow: hidden;
						overflow-y: auto;
						padding: 10px 15px;
						ul > li {
							position: relative;
							padding-left: 25px;
							margin-top: 10px;
							margin-bottom: 0;
							border-bottom: dashed 1px #ddd;
							padding-bottom: 10px;
							background: url(../img/dots.png) no-repeat left 2px top 8px;
							background-size: 10px;
						}
					}
					.focus-box-col2 {
						border: solid #ddd;
						border-width: 0 1px;
						text-align: left;
						h4 {
							font-weight: bold;
							margin-top: 0;
						}
						.js-session {
							small {
								font-size: 100%;
							}
							a {
								color: @primary-color;
								font-weight: bold;
								display: block;
							}
						}
					}
					.focus-box-col3 {
						h4 {
							text-transform: capitalize;
							margin-top: 30px;
							font-weight: bold;
							margin-bottom: 15px;
						}
						.session-title {
							margin-bottom: 15px;
							h4 {
								margin-top: 0;
							}
							.btn-view {
								padding: 5px 10px;
							}
						}
						.organizers {
							.card-people {
								display: flex;
								align-items: center;
								.card-img {
									background: #fff;
									flex: 0 0 120px;
									height: 120px;
									margin-right: 15px;
									border-radius: 100px;
									overflow: hidden;
									border: solid 1px #ddd;
									box-sizing: content-box;
									box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
									img {
										width: 100%;
										height: 100%;
										object-fit: contain;
										background: #f0f0f0;
									}
								}
								.card-body {
									flex: 1;
									.name {
										color: @font-color;
										font-size: 1.22rem;
										font-weight: bold;
										&:hover {
											color: @primary-color;
										}
									}
									.title {
										display: none;
										font-weight: normal;
									}
								}
							}
						}
						.information {
							.content {
								color: #555;
							}
						}
					}
				}
			}
		}
	}
}

.page-session,
.page-poster {
	.st-mainbody {
		.doc-body {
			padding: 30px 0;
			.heading {
				margin-bottom: 0;
				padding-top: 0;
				padding-bottom: 0;
				h3 {
					text-transform: capitalize;
					color: @primary-color;
					margin: 10px 0;
				}
			}
			.authors {
				margin-bottom: 0px;
				.flexbox {
					flex-wrap: wrap;
				}
				.card-people {
					flex: 1;
					min-width: 33%;
					display: flex;
					align-items: center;
					.card-img {
						flex: 0 0 120px;
						height: 120px;
						border-radius: 100%;
						overflow: hidden;
						border: 1px solid #ccc;
						box-sizing: content-box;
						box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
						img {
							width: 100%;
							height: 100%;
							object-fit: contain;
							background: #f0f0f0;
						}
					}
					.card-body {
						flex: 1;
						padding: 0 20px;
						.name {
							margin-bottom: 10px;
							font-size: 1.22rem;
							font-weight: bold;
							color: @font-color;
							&:hover {
								color: @primary-color;
							}
						}
					}
				}
			}
			.information {
				margin-bottom: 30px;
				.richtext {
					font-size: 1.1rem;
				}
			}
			.paper {
				.card-people {
					display: flex;
					margin-bottom: 0;
					.card-img {
						flex: 0 0 120px;
						height: 120px;
						border-radius: 100%;
						overflow: hidden;
						border: solid 1px #ccc;
						margin-right: 20px;
						box-sizing: content-box;
						box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
						img {
							width: 100%;
							height: 100%;
							object-fit: contain;
							background: #f0f0f0;
						}
					}
					.card-body {
						flex: 1;
						.name {
							margin-bottom: 10px;
							font-size: 1rem;
						}
					}
				}
				.authors {
					font-size: 1rem;
					span {
						color: #000;
						&:after {
							content: ",";
							margin-right: 0.5em;
							color: @font-dark;
						}
						a {
							text-decoration: underline;
						}
						small {
							font-size: 1rem;
							font-style: italic;
							color: #555;
						}
					}
				}
			}
		}
	}
}

.page-final {
	.st-mainbody {
		.doc-body {
			padding: 30px 0;
			.form-search {
				background: #f0f0f0;
				padding: 30px 120px;
				margin-bottom: 40px;
				text-align: center;
				.form-control {
					width: 500px;
				}
			}
			.nav-pills {
				li {
					padding: 0;
					a {
						display: block;
						padding: 5px 15px;
						margin: 0;
						border-radius: 5px;
						font-size: 1.11rem;
					}
				}
			}
			.tab-content {
				padding: 30px 0;
				.table {
					.handle-close {
						font-size: 1.33rem;
						padding: 5px;
						color: #fff;
						background: #a31953;
						display: block;
						text-align: center;
						display: flex;
						justify-content: center;
						align-items: center;
						margin-bottom: 20px;
						i {
							margin-right: 5px;
							font-size: 1.11rem;
							font-weight: bold;
						}
					}
					.handle {
						cursor: pointer;
						font-size: 18px;
						.fa {
							transition: 0.2s;
						}
						&:hover,
						&.active {
							td {
								background: @primary-color;
								color: #fff;
								.title,
								.title a,
								.organizer a,
								.organizer label,
								.chairman a,
								.chairman label {
									color: #fff;
								}
							}
							.fa-caret-right {
								transform: rotate(90deg);
							}
						}
					}
					.extend {
						display: none;
						background: #fff;
						.table {
							margin: 0;
							> thead {
								background: #9b9b9b;
								color: #fff;
							}
							> tbody > tr > td {
								line-height: 1.8rem;
							}
						}
						.table .card-people {
							display: flex;
							margin-bottom: 0;
							.card-img {
								flex: 0 0 120px;
								height: 120px;
								border-radius: 100%;
								overflow: hidden;
								border: solid 1px #ccc;
								margin-left: 20px;
								box-sizing: content-box;
								box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
								img {
									width: 100%;
									height: 100%;
									object-fit: contain;
									background: #f0f0f0;
								}
							}
							.card-body {
								flex: 1;

								.name {
									margin-bottom: 10px;
									font-size: 1rem;
								}
							}
						}
						.authors {
							font-size: 1rem;
							> span {
								// margin-right: 10px;
							}
							small {
								color: #555;
								font-size: 1rem;
								font-style: italic;
							}
						}
					}
					.title {
						display: block;
						margin-bottom: 5px;
						color: @font-dark;
					}
					.organizer,
					.chairman {
						font-size: 1rem;
						.res {
							color: #24375c;
						}
						label {
							margin: 0;
							margin-right: 10px;
							font-weight: normal;
							color: #888;
						}
						span {
							&:after {
								content: ",";
								margin-right: 1em;
							}
							&:last-of-type:after {
								display: none;
							}
						}
					}
				}
			}
		}
	}
}

.page-organizer {
	.st-mainbody {
		.doc-body {
			.help-block {
				color: @font-color;
			}
			.heading {
				margin-bottom: 0;
				h4,
				h5 {
					color: @primary-color;
				}
				h5 {
					font-size: 1rem;
				}
			}
			.row {
				margin-bottom: 30px;
			}
			.items {
				display: flex;
				margin: 0 -15px;
				flex-wrap: wrap;
				.card {
					flex: 0 0 33.33%;
				}
			}
			.card-people {
				display: flex;
				align-items: center;
				min-height: 90px;
				margin-bottom: 20px;
				padding: 10px;
				.card-img {
					flex: 0 0 120px;
					height: 120px;
					border-radius: 100%;
					border: solid 1px #ddd;
					overflow: hidden;
					background: #f0f0f0 url(../img.people.svg) no-repeat;
					background-size: cover;
					box-sizing: content-box;
					box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
					img {
						width: 100%;
						height: 100%;
						object-fit: contain;
					}
				}
				.card-body {
					margin-left: 15px;
					.name {
						font-size: 1.22rem;
						margin-bottom: 5px;
						color: @font-color;
						&:hover {
							color: @primary-color;
						}
					}
					.institute {
						color: #777;
						margin-bottom: 10px;
						text-align: left;
						// white-space: nowrap;
						// overflow: hidden;
						// text-overflow: ellipsis;
					}
					.chair {
						// color: #fd5900;
						background: #f1f1f1;
						color: @primary-color;
						display: inline-block;
						padding: 0 8px;
						border-radius: 4px;
						border: 1px solid @primary-color;
					}
				}
			}
		}
	}
}
.page-locale,
.page-hotel {
	.st-mainbody {
		.doc-body {
			.heading h2 {
				font-size: 1.33rem;
				font-weight: 600;
			}
			.line {
				width: 90px;
				height: 4px;
				background: @primary-color;
				border-radius: 4px;
			}
			.en {
				color: @primary-color;
				line-height: 1.5em;
				padding-bottom: 15px;
				small {
					font-size: 95%;
				}
				b {
					font-size: 100%;
					color: #000;
				}
			}
			.cn {
				color: #6e6e6e;
				line-height: 1.5em;
				padding-top: 15px;
				font-size: 0.95rem;
				small {
					font-size: 95%;
				}
				b {
					font-size: 100%;
					color: #000;
				}
			}
			.site {
				margin-bottom: 50px;
				img {
					width: 100%;
				}
				.row {
					margin: 0;
					.col-sm-4,
					.col-sm-8 {
						padding: 0;
					}
				}
				.intro {
					padding: 30px 40px;
					background: #fafafa;
				}
				dl {
					margin: 20px 0 0 50px;
					display: flex;
					align-items: flex-start;
					dt {
						display: flex;
						align-items: center;
						i {
							font-size: 1.11rem;
							margin-right: 5px;
							font-weight: bold;
						}
					}
					dd {
						color: #4a4a4a;
						font-size: 1.11rem;
						span {
							color: #6e6e6e;
							font-size: 0.9rem;
							display: block;
						}
					}
				}
			}
			.location {
				margin-bottom: 50px;
				.card {
					display: flex;
					align-items: center;
					.card-body {
						flex: 0 0 67%;
						padding-right: 30px;
						.title {
							color: #971d4f;
							padding-bottom: 15px;
							font-size: 1rem;
							line-height: 1.5em;
						}
						.summary {
							color: #1f1f1f;
							padding-top: 15px;
							font-size: 0.95rem;
							line-height: 1.5em;
							max-height: none;
						}
					}
					.card-img {
						flex: 0 0 33%;
						img {
							width: 100%;
						}
					}
				}
			}
			.transportation {
				margin-bottom: 50px;
			}
			.hotel {
				margin-bottom: 50px;
				.title {
					font-size: 1.22rem;
					line-height: 1.8em;
					color: @primary-color;
					font-weight: 600;
					text-align: center;
				}
				.subtitle {
					color: #4a4a4a;
					margin-bottom: 25px;
					text-align: center;
				}
			}
			.food {
				margin-bottom: 50px;
				.row {
					margin-bottom: 30px;
					img {
						width: 100%;
					}
				}
			}
			.reservation {
				margin-bottom: 50px;
				.en a,
				.cn a {
					color: #243f74;
				}
			}
		}
	}
}
.page-reception {
	.heading h2 {
		font-size: 1.33rem;
		font-weight: 600;
	}
	.line {
		width: 90px;
		height: 4px;
		background: @primary-color;
		border-radius: 4px;
	}
	.en {
		color: @primary-color;
		line-height: 1.5em;
		padding-bottom: 15px;
		small {
			font-size: 95%;
		}
		b {
			font-size: 100%;
			color: #000;
		}
	}
	.cn {
		color: #6e6e6e;
		line-height: 1.5em;
		padding-top: 15px;
		font-size: 0.95rem;
		small {
			font-size: 95%;
		}
		b {
			font-size: 100%;
			color: #000;
		}
	}
	.reception {
		margin-bottom: 50px;
		.card {
			display: flex;
			align-items: flex-end;
			.card-img {
				flex: 0 0 35%;
				img {
					width: 100%;
				}
			}
			.card-body {
				flex: 0 0 65%;
				padding: 30px 40px;
				background: #fafafa;
			}
		}
	}
	.banquet {
		margin-bottom: 50px;
		.card {
			display: flex;
			align-items: flex-end;
			.card-img {
				flex: 0 0 35%;
				img {
					width: 100%;
				}
			}
			.card-body {
				flex: 0 0 65%;
				padding: 30px 40px;
				background: #fafafa;
			}
		}
	}
	.lunch {
		margin-bottom: 50px;
		.intro {
			padding: 30px 40px;
			background: #fafafa;
		}
	}
}
.page-guide {
	.st-mainbody {
		.doc-body {
			.heading h2 {
				font-size: 1.33rem;
				font-weight: 600;
			}
			.site {
				margin-bottom: 50px;
				.row {
					display: flex;
					align-items: center;
				}
				dl {
					padding: 20px 0;
					display: flex;
					align-items: center;
					text-align: left;
					margin-bottom: 0;
					dt {
						flex: 0 0 40px;
						margin-right: 20px;
						img {
							width: 100%;
						}
					}
					dd {
						flex: 1;
						font-size: 1.22rem;
						font-weight: 550;
						color: @primary-color;
						span {
							display: block;
							color: #4a4a4a;
							font-size: 0.9rem;
							font-weight: normal;
						}
					}
				}
				#allmap {
					height: 400px;
				}
			}
			.arrival {
				small {
					font-size: 95%;
					font-weight: normal;
				}
				.guide {
					margin-bottom: 20px;
					dl {
						font-size: 1.22rem;
						color: @primary-color;
						dt {
							padding-bottom: 10px;
						}
						dd {
							font-size: 1rem;
						}
					}
					.row {
						color: #4a4a4a;
						span {
							color: @primary-color;
						}
						div {
							margin-bottom: 15px;
							line-height: 1.8em;
							&:first-child {
								position: relative;
								padding-left: 25px;
								&::after {
									position: absolute;
									left: 10px;
									top: 0.6em;
									content: "";
									width: 8px;
									height: 8px;
									border-radius: 100%;
									border: 1px solid @primary-color;
								}
							}
						}
					}
				}
			}
		}
	}
}
.page-news {
	.st-mainbody {
		.doc-body {
			padding-top: 80px;
			.list {
				list-style: none;
				padding-left: 0;
				.card {
					display: flex;
					align-items: center;
					padding: 20px;
					margin-bottom: 40px;
					background: #f9f9f9;
					transition: all 0.3s ease-in-out;
					&:hover {
						box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
						.date big,
						.card-body .title {
							color: @primary-color;
						}
						.card-body .summary {
							opacity: 1;
						}
						.card-img .thumb img {
							transform: translate(-50%, -50%) scale(1.1);
						}
					}
					.date {
						padding: 0 30px;
						text-align: center;
						transition: all 0.3s ease-in-out;
						big {
							display: block;
							font-size: 2.5rem;
							font-weight: bold;
						}
						small {
							color: #666;
							font-size: 1.15rem;
						}
					}
					.card-body {
						flex: 1;
						padding: 0 30px;
						position: relative;
						&:after {
							position: absolute;
							top: 0;
							bottom: 0;
							left: 0;
							content: "";
							width: 1px;
							height: 100%;
							background: #d1d1d1;
						}
						.title {
							font-size: 1.35rem;
							font-weight: bold;
							line-height: 2.5em;
							display: block;
							color: @font-color;
						}
						.summary {
							max-height: 3.6em;
							font-size: 1.1rem;
						}
					}
					.card-img {
						flex: 0 0 18%;
						.thumb {
							overflow: hidden;
							img {
								width: 100%;
								max-width: 100%;
								max-height: none;
								transition: all 1s ease-in-out;
							}
						}
					}
				}
			}
		}
	}
}
.page-news-detail {
	.st-mainbody {
		.doc-header .breadcrumb li:last-child {
			display: none;
		}
		.doc-body {
			padding-top: 80px;
			.article {
				.title {
					font-size: 1.71rem;
					font-weight: bold;
					line-height: 1.5em;
					text-align: center;
				}
				.props {
					padding: 20px 0 0 10px;
					margin: 30px 0 35px 0;
					display: flex;
					justify-content: center;
					align-items: center;
					border-top: 1px solid @border-color;
					span {
						font-size: 1.11rem;
						margin-right: 30px;
						i {
							color: @primary-color;
							margin-right: 5px;
						}
						a {
							color: @font-color;
						}
					}
				}
				.richtext {
					padding-bottom: 50px;
					border-bottom: 1px solid #ddd;
					p {
						font-size: 1.11rem;
					}
					img {
						width: 100%;
						max-width: 100%;
					}
					video {
						width: 100%;
						max-width: 100%;
					}
				}
				.quick {
					margin-top: 25px;
					display: flex;
					justify-content: space-between;
					align-items: center;
					.quick-l {
						font-size: 1.11rem;
						a {
							color: @font-color;
							&:hover {
								color: @primary-color;
							}
						}
					}
					.quick-r {
						a {
							font-size: 1.11rem;
							color: @font-color;
							&:hover {
								color: @primary-color;
							}
							i {
								font-size: 1.11rem;
							}
						}
					}
				}
			}
		}
	}
}