#jpwClose, #jpwNext, #jpwPrevious, #jpwFinish { color: #fff; cursor: pointer; font-family: 'Microsoft yahei';
	    font-size: 16px;font-weight: lighter; text-align:center;text-decoration:none; line-height:40px;}
#jpwOverlay { background: rgba(0, 0, 0, 0.9); position: fixed; z-index: 999999; top: 0; width: 100%; height: 100%;
	display: block; }

#jpWalkthrough.jpw-scrolling .overlay-hole > div { box-shadow: inset 0 0 10px 1000px rgba(0, 0, 0, 0.9); }
#jpWalkthrough .overlay-hole > div { box-shadow: inset 0 0 2px 10px rgba(0, 0, 0, 0.9); }
#jpWalkthrough #jpwTooltip { overflow: visible; padding-top: 0px; background: none; line-height:40px;}
#jpWalkthrough #jpwTooltip #tooltipWrapper { overflow: visible;}
#jpWalkthrough #jpwTooltip #bottom-scratch {
	width: 358px; height: 42px; display: block; top: 25px; clear: both; }
#jpWalkthrough #jpwTooltip .draggable-area { display: block; width: 44px; height: 40px; position: absolute;
	top: -35px; right: -30px; background: url("images/drag.png") no-repeat; z-index: 10000; }
#jpWalkthrough #jpwTooltip .top { background: url("images/arrow-bottom.png") no-repeat scroll 0 0 transparent;
	bottom: -86px; height: 86px; left: 130px; position: absolute; width: 75px; display: block; z-index: 1000; }
#jpWalkthrough #jpwTooltip .right { background: url("images/arrow-left.png") no-repeat scroll 0 0 transparent;
	height: 56px; left: -105px; position: absolute; top: 35px; width: 105px; display: block; z-index: 1000; }
#jpWalkthrough #jpwTooltip .bottom { background: url("images/arrow-top.png") no-repeat scroll 0 0 transparent;
	height: 86px; left: 170px; position: absolute; top: -75px; width: 75px; display: block; z-index: 1000; }
#jpWalkthrough #jpwTooltip .left { background: url("images/arrow-right.png") no-repeat scroll 0 0 transparent;
	height: 56px; position: absolute; right: -105px; top: 35px; width: 105px; display: block; z-index: 1000; }
#jpWalkthrough #jpwTooltip #tooltipInner { font-family: 'xjlFont', 'Microsoft yahei'; color: #FFF; text-align: center;
	font-size: 22px; margin:0 auto;}
#jpWalkthrough #jpwTooltip #tooltipInner .tooltipTitle { font-size: 32px; }
#jpWalkthrough .killOverlay { background-image: none !important; background-color: none !important; }
#jpwClose { position: fixed; top: 0; right: 0;width: 85px;height: 85px; z-index: 1000000; text-align: center; display: block; }
#jpwClose:hover { color: #ff5400; }
#jpwClose:before { content: ''; display: inline-block; *display: inline; *zoom: 1; width: 63px; height: 64px;
	background: url("images/close1.png") no-repeat;background-size: cover; position: absolute; top: 0px; right: 0px; }
#jpwClose.jpwClose-s0:before {width: 73px; height: 74px; }
#jpwClose.jpwClose-s1:before {width: 63px; height: 64px; }
#jpwNext, #jpwFinish { border:2px solid #fff;border-radius:3px; float: right; width:120px; height:40px; line-height:36px;margin-bottom:20px;   }
#jpwPrevious { border:2px solid #fff;border-radius:3px; float: left; width:120px; height:40px; margin-bottom:20px;    }

#walkthrough-content { display: none ;}
#jpwFinish { color: red; border: 4px solid red; height: 29px; line-height: 29px; box-sizing: content-box; width: 108px;
	border-radius: 5px; background: none; }
#jpWalkthrough #jpwTooltip .top, #jpWalkthrough #jpwTooltip .right, #jpWalkthrough #jpwTooltip .bottom, #jpWalkthrough #jpwTooltip .left { display: none; }

#jpwOverlay.transparent {
    background: none;
}

/*========== 寮曞 START==========*/
/*閫氱敤*/
.pcStepBtn,.wapStepBtn,.skinStepBtn{display:block;color:#fff; border: 2px dashed #fff;border-radius:3px;padding:6px 26px;font-size:16px;line-height:24px;}
.Prevbtn { position: fixed;  }
.knowbtn { position: fixed;  }
.finishbtn{position: fixed;}
.Prevbtn:hover{color:#189CDF;border-color:#189CDF;}
.knowbtn:hover{color:#18DF98;border-color:#18DF98;}
.finishbtn:hover{color:#F6AC1D;border-color:#F6AC1D;}
.stepImg { position: fixed; left: 0px; top: 0px; }

.btn-next-step{display: inline-block;background: url(images/front-s0/btn-next-step.png)}
.btn-finish{display: inline-block;background: url(images/front-s0/btn-finish.png)}


/*pc姝ラ1*/
.pcStep1,.pcStep1 div{overflow:hidden;}
.pcStep1 h1{font-size:52px;}
.pcStep1 h2{margin:10px auto 0px auto;font-size:24px;color:#FBB52E;}
.pcStep1 h4{margin-bottom:40px;}
.pcStep1 .btnGroup{width:630px;margin:40px auto;}
.pcStep1 .btnGroup ul li{float:left;display:inline;margin:20px 20px 0 20px;}
.pcStep1 .btnGroup a{display:block;clear:both;font-size:14px;text-align:right;}
.pcStep1 .btnGroup .pcGuidance,.pcStep1 .btnGroup .fxscGuidance,.pcStep1 .btnGroup .fxGuidance{width:170px;height:50px;line-height:46px;float:left;}
.pcStep1 .btnGroup .pcGuidance {font-size:18px;text-align:center;border:2px solid #f0361d;color:#f0361d;border-radius:3px;}
.pcStep1 .btnGroup .pcGuidance:hover{background:#f0361d;color:#fff;}
.pcStep1 .btnGroup .fxscGuidance {font-size:18px;text-align:center;border:2px solid #94e317;color:#94e317;border-radius:3px;}
.pcStep1 .btnGroup .fxscGuidance:hover{background:#94e317;color:#fff;}
.pcStep1 .btnGroup .examine1{color:#f0361d;}
.pcStep1 .btnGroup .examine2{color:#94e317;}
.pcStep1 .btnGroup .examine1:hover,.pcStep1 .btnGroup .examine2:hover{text-decoration:underline;}

/*pc姝ラ2*/
.pcStep2 .Prevbtn { left: 130px;top: 320px;}
.pcStep2 .knowbtn { left: 290px; top: 320px; }

/*pc姝ラ3*/
.pcStep3 .Prevbtn { left: 60px;top: 224px;}
.pcStep3 .knowbtn { left: 210px; top: 224px; }

/*pc姝ラ4*/
.pcStep4 .Prevbtn { left: 340px;top: 260px;}
.pcStep4 .knowbtn { left: 550px; top: 260px; }

/*pc姝ラ5*/
.pcStep5 .Prevbtn { left: 340px;top: 300px;}
.pcStep5 .knowbtn { left: 550px; top: 300px; }

/*pc姝ラ6*/
.pcStep6 .Prevbtn { left: 330px;top: 440px;}
.pcStep6 .knowbtn { left: 640px; top: 440px; }

/*pc姝ラ7*/
.pcStep7 .Prevbtn { left: 330px;top: 295px;}
.pcStep7 .knowbtn { left: 540px; top: 295px; }

/*pc姝ラ8*/
.pcStep8 .Prevbtn { left: 320px;top: 390px;}
.pcStep8 .knowbtn { left: 600px; top: 390px; }

/*pc姝ラ9*/
.pcStep9 h2{font-size:48px;}
.pcStep9 .stepImg{top: 5px;left: auto;right: 69px;}
.pcStep9 .startWebsite{display:block;width:170px;height:50px;line-height:46px;margin:50px auto;font-size:18px;text-align:center;border:2px solid #ff7000;color:#ff7000;border-radius:3px;}
.pcStep9 .startWebsite:hover{background:#ff7000;color:#fff;}


/*pc鏍锋澘姝ラ2*/
.pcSkinStep1 p{position:absolute;top: 98px;left: -50px;}
.pcSkinStep1 .Prevbtn{position:absolute;top: 160px;left: -100px;}
.pcSkinStep1 .knowbtn{position:absolute;top:160px;left: 60px;}
#jpWalkthrough #jpwTooltip .pcSkinStep1 .right{display:block;}

/*pc鏍锋澘姝ラ3*/
.pcSkinStep2 p{position:absolute;top: 98px;left: -50px;}
.pcSkinStep2 .Prevbtn{position:absolute;top: 160px;left: -100px;}
.pcSkinStep2 .finishbtn{position:absolute;top:160px;left: 60px;}
#jpWalkthrough #jpwTooltip .pcSkinStep2 .right{display:block;}

/*wap姝ラ1*/
.wapStep1,.wapStep1 div{overflow:hidden;}
.wapStep1 h1{font-size:52px;}
.wapStep1 h2{margin:10px auto 0px auto;font-size:24px;color:#FBB52E;}
.wapStep1 h4{margin-bottom:40px;}
.wapStep1 .btnGroup{width:630px;margin:50px auto;}
.wapStep1 .btnGroup ul li{float:left;display:inline;margin:30px 20px 0 20px;}
.wapStep1 .btnGroup a{display:block;clear:both;font-size:14px;text-align:right;}
.wapStep1 .btnGroup .wapGuidance,.wapStep1 .btnGroup .wyxGuidance,.wapStep1 .btnGroup .wapfxscGuidance{width:170px;height:50px;line-height:46px;float:left;}
.wapStep1 .btnGroup .wapGuidance {font-size:18px;text-align:center;border:2px solid #f0361d;color:#f0361d;border-radius:3px;}
.wapStep1 .btnGroup .wapGuidance:hover{background:#f0361d;color:#fff;}
.wapStep1 .btnGroup .wyxGuidance {font-size:18px;text-align:center;border:2px solid #E3B717;color:#E3B717;border-radius:3px;}
.wapStep1 .btnGroup .wyxGuidance:hover{background:#E3B717;color:#fff;}
.wapStep1 .btnGroup .wapfxscGuidance {font-size:18px;text-align:center;border:2px solid #94e317;color:#94e317;border-radius:3px;}
.wapStep1 .btnGroup .wapfxscGuidance:hover{background:#94e317;color:#fff;}
.wapStep1 .btnGroup .examine1{color:#f0361d;}
.wapStep1 .btnGroup .examine2{color:#E3B717;}
.wapStep1 .btnGroup .examine3{color:#94e317;}
.wapStep1 .btnGroup .examine1:hover,.wapStep1 .btnGroup .examine2:hover,.wapStep1 .btnGroup .examine3:hover{text-decoration:underline;}

/*wap姝ラ2*/
.wapStep2 .Prevbtn { left: 180px;top: 230px;}
.wapStep2 .knowbtn { left: 330px; top: 230px; }

/*wap姝ラ3*/
.wapStep3 .Prevbtn { left: 190px;top: 260px;}
.wapStep3 .knowbtn { left: 405px; top: 260px; }

/*wap姝ラ4*/
.wapStep4 .Prevbtn { left: 190px;top: 300px;}
.wapStep4 .knowbtn { left: 390px; top: 300px; }

/*wap姝ラ5*/
.wapStep5 .Prevbtn { left: 190px;top: 240px;}
.wapStep5 .knowbtn { left: 400px; top: 240px; }

/*wap姝ラ6*/
.wapStep6 .Prevbtn { left: 172px;top: 464px;}
.wapStep6 .knowbtn { left: 451px; top: 464px;}

/*wap姝ラ7*/
.wapStep7 .Prevbtn { left: 200px;top: 360px;}
.wapStep7 .knowbtn { left: 420px; top: 360px; }

/*wap姝ラ8*/
.wapStep8 h2{font-size:48px;}
.wapStep8 .stepImg{top: 5px;left: auto;right: 73px;}
.wapStep8 .startWebsite{display:block;width:170px;height:50px;line-height:46px;margin:50px auto;font-size:18px;text-align:center;border:2px solid #ff7000;color:#ff7000;border-radius:3px;}
.wapStep8 .startWebsite:hover{background:#ff7000;color:#fff;}

/*wap鏍锋澘姝ラ1*/
.wapSkinStep1 h1{font-size:48px;}
.wapSkinStep1 .skinBtn{    display: block;margin:50px auto;width:170px;height:50px;line-height:46px;font-size:18px;text-align:center;border:2px solid #f0361d;color:#f0361d;border-radius:3px;}
.wapSkinStep1 .skinBtn:hover{background:#f0361d;color:#fff;}

/*wap鏍锋澘姝ラ2*/
.wapSkinStep1 p{position:absolute;top: 98px;left: -50px;}
.wapSkinStep1 .Prevbtn{position:absolute;top: 160px;left: -100px;}
.wapSkinStep1 .knowbtn{position:absolute;top:160px;left: 60px;}
#jpWalkthrough #jpwTooltip .wapSkinStep1 .right{display:block;}

/*wap鏍锋澘姝ラ3*/
.wapSkinStep2 p{position:absolute;top: 98px;left: -50px;}
.wapSkinStep2 .Prevbtn{position:absolute;top: 160px;left: -100px;}
.wapSkinStep2 .finishbtn{position:absolute;top:160px;left: 60px;}
#jpWalkthrough #jpwTooltip .wapSkinStep2 .right{display:block;}
/*========== PC寮曞 END==========*/