#jpwClose,
#jpwNext,
#jpwPrevious,
#jpwFinish {
  color: #00c7ff;
  cursor: pointer;
  font-family:'Microsoft yahei','黑体';
  font-size: 18px;
  font-weight: lighter;
}
#jpwOverlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 999999;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}
#jpwOverlay.transparent {
  background: none;
}
#jpWalkthrough.jpw-scrolling .overlay-hole > div {
  box-shadow: inset 0 0 10px 1000px rgba(0, 0, 0, 0.6);
}
#jpWalkthrough .overlay-hole > div {
  box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, 0.6);
}
#jpWalkthrough #jpwTooltip {
  overflow: visible;
  padding: 10px;
  background: none;
}
#jpWalkthrough #jpwTooltip #tooltipWrapper {
  overflow: visible;
}
#jpWalkthrough #jpwTooltip #bottom-scratch {
  background: url("../images/pagewalkthrough/scratch-border.png") no-repeat left top;
  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/pagewalkthrough/drag.png") no-repeat;
  z-index: 10000;
}
#jpWalkthrough #jpwTooltip .top {
  background: url("../images/pagewalkthrough/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/pagewalkthrough/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/pagewalkthrough/arrow-top.png") no-repeat scroll 0 0 transparent;
  height: 86px;
  left: 130px;
  position: absolute;
  top: -86px;
  width: 75px;
  display: block;
  z-index: 1000;
}
#jpWalkthrough #jpwTooltip .left {
  background: url("../images/pagewalkthrough/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:'Microsoft yahei','黑体';
  color: #ffffff;
  text-align: center;
  font-size: 24px; line-height:48px;
}

#jpWalkthrough #jpwTooltip #tooltipInner span{
  font-family:'Microsoft yahei','黑体';
  color: #3598ff;
  text-align: center;
  font-size: 28px; line-height:48px;
}

#jpWalkthrough #jpwTooltip #tooltipInner a {
  font-size: 22px;
}
#jpWalkthrough #jpwTooltip #tooltipInner .tooltipTitle {
  font-size: 32px;
}
#jpWalkthrough .killOverlay {
  background-image: none !important;
  background-color: none !important;
}
#jpwClose {
  z-index: 1000000;
  color: #ffffff;
  text-align: center;
  display: block;
}
#jpwClose:hover {
  color: #7eff00;
}
#jpwClose{
  content: '';
  display: block;
  *zoom: 1;
  width: 44px;
  height: 40px;
  background: url("../images/pagewalkthrough/close.png") no-repeat;
  position: absolute;
  top: -60px;
  right:10px;
}
#jpwNext,
#jpwFinish {
  float: right;
  background:#3598ff;
  color:#fff;
  padding:10px 18px 10px 18px;
  border-radius:5px;
  position:relative;
  top:20px;
  left:32px;
}
#jpwPrevious {
  float: left;
  background:#3598ff;
  color:#fff;
  padding:10px 18px 10px 18px;
  border-radius:5px;
  position:relative;
  top:20px;
  display:none;
}
@font-face {
  font-weight: normal;
  font-style: normal;
}

.demo{text-align:center}
.button {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 22px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.button:hover {text-decoration: none;}
.button:active {position: relative;top: 1px;}
/* green */
.green {color: #e8f0de;border: solid 1px #538312;background: #64991e;background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');}
.green:hover {background: #538018;background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');color:#fff}
.green:active {color: #a9c08c;background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');}
#walkthrough-content{display:none}
#walkthrough-content h3{height:30px; line-height:30px}
#walkthrough-content p{line-height:28px}


.page4kuang{
  display:block;
  position:absolute;
  width:120px;
  height:27px;
  border:3px solid #3598ff;
  right:177px;
  top:99px;
  border-radius:10px;
}

.page10kuang{
    border: 3px solid #3598ff;
    border-radius: 10px;
    bottom: 0;
    display: block;
    height: 18px;
    left: 17px;
    margin: 0 auto;
    position: relative;
    top: 379px;
    width: 86px;
}