.jn-model .fancybox-slide--html {
	padding: 0;
}

.jn-model .fancybox-content {
	padding: 0;
}

.jn-main {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100vh;
	background-color: #e6d8b4;
	overflow: hidden;
}

.jn-nav-btn {
	position: absolute;
	right: 0;
	top: calc(50% - 130px);
	z-index: 300;
	transition: right 500ms;
}

.jn-nav-btn.jn-nav-btn-hide {
	right: -55px;
}

.jn-nav-btn a {
	display: block;
}

.jn-nav-bar {
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 25%;
	padding: 10px 30px;
	background: #e7d7b6 right bottom no-repeat;
	background-size: 80% auto;
	/* box-shadow: -15px 0 10px -15px rgba(0, 0, 0, 0.3); */
	box-sizing: border-box;
	z-index: 300;
	transition: right 500ms;
}

.jn-nav-bar.jn-nav-bar-home {
	background-color: rgba(231, 215, 182, 0.3);
}

.jn-nav-bar.jn-nav-bar-land {
	background-color: rgba(231, 215, 182, 0.3);
	background-image: url(../img/jn/nav-bar-bg2.png);
}

.jn-nav-bar.jn-nav-bar-rain {
	background-color: rgba(231, 215, 182, 0.3);
	background-image: url(../img/jn/nav-bar-bg3.png);
}

.jn-nav-bar.jn-nav-bar-asset1 {
	background-image: url(../img/jn/nav-bar-bg4.png);
}

.jn-nav-bar.jn-nav-bar-asset2 {
	background-image: url(../img/jn/nav-bar-bg5.png);
}

.jn-nav-bar.jn-nav-bar-asset4 {
	background-image: url(../img/jn/nav-bar-bg7.png);
}

.jn-nav-bar.jn-nav-bar-person {
	background-color: rgba(231, 215, 182, 0.3);
	background-image: url(../img/jn/nav-bar-bg8.png);
}

.jn-nav-bar.jn-nav-bar-life1 {
	background-image: url(../img/jn/nav-bar-bg9.png);
}

.jn-nav-bar.jn-nav-bar-life2 {
	background-image: url(../img/jn/nav-bar-bg10.png);
}

.jn-nav-bar.jn-nav-bar-life3 {
	background-image: url(../img/jn/nav-bar-bg11.png);
}

.jn-nav-bar.jn-nav-bar-hide {
	right: -25%;
}

.jn-nav-bar .intro {
	height: 50vh;
	margin-right: 20px;
	margin-top: 20px;
	overflow: hidden;
}

.jn-nav-bar .intro p {
	line-height: 1.8em;
	margin: 0.75em 0;
	font-size: 1.07em;
	color: #25427d;
	text-align: justify;
	text-indent: 2em;
}

.jn-nav-bar .title {
	width: 60px;
}

.jn-nav-bar.jn-nav-bar-home .title {
	width: 80px;
}

.jn-nav-bar .title img {
	width: 100%;
}

.jn-nav-bar .menu {
	margin-top: 10px;
}

.jn-nav-bar .menu li {
	padding-right: 33.33%;
	margin: 5px 0;
	text-align: center;
}

.jn-nav-bar .menu li a {
	display: inline-block;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-jiangnan .tooltipster-box {
	background-color: #fff9eb;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-jiangnan .tooltipster-content {
	overflow: visible;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-jiangnan.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #fff9eb;
}

.jn-submenu {
	width: 175px;
}

.jn-submenu li {
	padding: 1em 0;
	background: url(../img/jn/submenu-line.png) left bottom no-repeat;
	text-align: center;
}

.jn-submenu li:last-child {
	background: none;
}

.jn-submenu li a {
	color: #705818;
}

.jn-nav-bar .bottom {
	display: flex;
	align-items: flex-end;
	margin: 0 -20px;
}

.jn-nav-bar .bottom a {
	color: #a17b33;
}

.jn-nav-bar .bottom-asset3 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 90%;
	z-index: -1;
}

.jn-nav-bar .bottom-asset3 > img {
	width: 100%;
}

.jn-nav-bar .room-btn {
	position: absolute;
	right: calc(247.500 / 454.156 * var(--bottom-asset3-width));
	bottom: calc(68.333 / 454.984 * var(--bottom-asset3-height));
	width: calc(63.328 / 454.156 * var(--bottom-asset3-width));
}

.jn-nav-bar .room-btn img {
	width: 100%;
}

.jn-nav-bar .room-btn-tip {
	position: absolute;
	right: calc(216.667 / 454.156 * var(--bottom-asset3-width));
	bottom: calc(108.333 / 454.984 * var(--bottom-asset3-height));
	width: calc(73.328 / 454.156 * var(--bottom-asset3-width));
	animation: asset3-room-btn-tip-move 2s infinite;
}

.jn-nav-bar .room-btn-tip img {
	width: 100%;
}

@keyframes asset3-room-btn-tip-move {
	0% {
		transform: translateY(0);
	}
	
	50% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.jn-circle {
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.jn-circle.jn-circle-orange {
	background-color: rgba(255, 121, 63, 1);
	box-shadow: 0 0 0 0 rgba(255, 121, 63, 1);
	animation: jn-pulse-orange 2s infinite;
}

@keyframes jn-pulse-orange {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
		transform: scale(0.95);
	}
	
	70% {
		box-shadow: 0 0 0 8px rgba(255, 121, 63, 0);
		transform: scale(1);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
		transform: scale(0.95);
	}
}

.jn-circle.jn-circle-yellow {
	background-color: rgba(255, 177, 66, 1);
	box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
	animation: jn-pulse-yellow 2s infinite;
}

@keyframes jn-pulse-yellow {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
		transform: scale(0.95);
	}
	
	70% {
		box-shadow: 0 0 0 8px rgba(255, 177, 66, 0);
		transform: scale(1);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
		transform: scale(0.95);
	}
}

.jn-circle.jn-circle-blue {
	background-color: rgba(52, 172, 224, 1);
	box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
	animation: jn-pulse-blue 2s infinite;
}

@keyframes jn-pulse-blue {
	0% {
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
		transform: scale(0.95);
	}
	
	70% {
		box-shadow: 0 0 0 8px rgba(52, 172, 224, 0);
		transform: scale(1);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
		transform: scale(0.95);
	}
}

.jn-circle.jn-circle-green {
	background-color: rgba(51, 217, 178, 1);
	box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
	animation: jn-pulse-green 2s infinite;
}

@keyframes jn-pulse-green {
	0% {
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
		transform: scale(0.95);
	}
	
	70% {
		box-shadow: 0 0 0 8px rgba(51, 217, 178, 0);
		transform: scale(1);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
		transform: scale(0.95);
	}
}

.jn-circle.jn-circle-purple {
	background-color: rgba(142, 68, 173, 1);
	box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
	animation: jn-pulse-purple 2s infinite;
}

@keyframes jn-pulse-purple {
	0% {
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
		transform: scale(0.95);
	}
	
	70% {
		box-shadow: 0 0 0 8px rgba(142, 68, 173, 0);
		transform: scale(1);
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
		transform: scale(0.95);
	}
}

.jn-land-point {
	position: relative;
	width: 50px;
}

.jn-land-point > img {
	width: 100%;
	animation: jn-bounce 2s infinite;
}

.jn-land-point .name {
	position: absolute;
	right: 100%;
	top: 50%;
	color: #5a564c;
	white-space: nowrap;
	transform: translateY(-50%);
}

.jn-rain-point {
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
}

.jn-rain-point .jn-circle {
	display: none;
}

.jn-rain-point .fas {
	display: none;
	line-height: inherit;
	color: #a71930;
}

.jn-rain-point.jn-rain-point-0 .jn-circle {
	display: block;
}

.jn-rain-point.jn-rain-point-1 .fa-heart {
	display: inline;
}

.jn-rain-point.jn-rain-point-2 .fa-flag {
	display: inline;
}

.jn-map .amap-info-content {
	padding-left: 18px;
	padding-top: 25px;
	background-color: #f5e3cf;
}

.jn-map .amap-info-sharp {
	border-top-color: #f5e3cf;
}

.jn-grid-wrapper {
	margin: 20px;
}

.jn-grid-item-sizer, .jn-grid-item {
	width: 23.5%;
}

.jn-grid-gutter-sizer {
	width: 2%;
}

.jn-grid-item {
	border-radius: 6px;
	margin-bottom: 10px;
	overflow: hidden;
}

.jn-grid-item .text {
	padding: 1px 20px;
	background-color: rgba(255, 255, 255, 0.8);
}

.jn-grid-item .text .name {
	line-height: 1.6em;
	margin: 0.75em 0;
	color: #ab936d;
}

.jn-grid-item .text p {
	line-height: 1.6em;
	margin: 0.75em 0;
	text-align: justify;
}

.jn-grid-more {
	margin-top: 10px;
}

@keyframes jn-bounce {
	0% {
		transform: scale(1);
	}
	
	50% {
		transform: scale(1.05);
	}
	
	100% {
		transform: scale(1);
	}
}

@keyframes jn-flicker {
	0% {
		opacity: 0.6;
	}
	
	50% {
		opacity: 1;
	}
	
	100% {
		opacity: 0.6;
	}
}