@font-face {
	font-family: xjlFont;
	src: url(font/xjlFont.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
#jpwClose {
	color: rgb(0, 199, 255); font-family: "xjlFont","Microsoft yahei"; font-size: 18px; font-weight: lighter; cursor: pointer;
}
#jpwNext {
	color: rgb(0, 199, 255); font-family: "xjlFont","Microsoft yahei"; font-size: 18px; font-weight: lighter; cursor: pointer;
}
#jpwPrevious {
	color: rgb(0, 199, 255); font-family: "xjlFont","Microsoft yahei"; font-size: 18px; font-weight: lighter; cursor: pointer;
}
#jpwFinish {
	color: rgb(0, 199, 255); font-family: "xjlFont","Microsoft yahei"; font-size: 18px; font-weight: lighter; cursor: pointer;
}
#jpwOverlay {
	background: rgba(0, 0, 0, 0.6); top: 0px; width: 100%; height: 100%; display: block; position: fixed; z-index: 999999;
}
.transparent#jpwOverlay {
	background: none;
}
.jpw-scrolling#jpWalkthrough .overlay-hole > div {
	box-shadow: inset 0px 0px 10px 1000px rgba(0,0,0,0.6);
}
#jpWalkthrough .overlay-hole > div {
	box-shadow: inset 0px 0px 10px 10px rgba(0,0,0,0.6);
}
#jpWalkthrough #jpwTooltip {
	background: none; padding: 10px; overflow: visible;
}
#jpWalkthrough #jpwTooltip #tooltipWrapper {
	overflow: visible;
}
#jpWalkthrough #jpwTooltip #bottom-scratch {
	background: url("images/scratch-border.png") no-repeat left top; top: 25px; width: 358px; height: 42px; clear: both; display: block;
}
#jpWalkthrough #jpwTooltip .draggable-area {
	background: url("images/drag.png") no-repeat; top: -35px; width: 44px; height: 40px; right: -30px; display: block; position: absolute; z-index: 10000;
}
#jpWalkthrough #jpwTooltip .top {
	background: url("images/arrow-bottom.png") no-repeat 0px 0px; left: 130px; width: 75px; height: 86px; bottom: -86px; display: block; position: absolute; z-index: 1000;
}
#jpWalkthrough #jpwTooltip .right {
	background: url("images/arrow-left.png") no-repeat 0px 0px; left: -105px; top: 35px; width: 105px; height: 56px; display: block; position: absolute; z-index: 1000;
}
#jpWalkthrough #jpwTooltip .bottom {
	background: url("images/arrow-top.png") no-repeat 0px 0px; left: 130px; top: -86px; width: 75px; height: 86px; display: block; position: absolute; z-index: 1000;
}
#jpWalkthrough #jpwTooltip .left {
	background: url("images/arrow-right.png") no-repeat 0px 0px; top: 35px; width: 105px; height: 56px; right: -105px; display: block; position: absolute; z-index: 1000;
}
#jpWalkthrough #jpwTooltip #tooltipInner {
	text-align: center; color: rgb(255, 255, 255); line-height: 26px; font-family: "xjlFont","Microsoft yahei"; font-size: 22px;
}
#jpWalkthrough #jpwTooltip #tooltipInner a {
	font-size: 22px;
}
#jpWalkthrough #jpwTooltip #tooltipInner .tooltipTitle {
	font-size: 32px;
}
#jpWalkthrough .killOverlay {
	background-image: none !important;
}
#jpwClose {
	top: 65px; text-align: center; right: 25px; color: rgb(255, 255, 255); display: block; position: fixed; z-index: 1000000;
}
#jpwClose:hover {
	color: rgb(126, 255, 0);
}
#jpwClose::before {
	background: url("images/close.png") no-repeat; left: 36px; top: -45px; width: 44px; height: 40px; display: inline-block; position: absolute; content: "";
}
#jpwNext {
	float: right;
}
#jpwFinish {
	float: right;
}
#jpwPrevious {
	float: left;
}