.note {
  background: #ecf6ff;
  width: 80%;
  padding: 20px;
}
.ap-how-to .ht-con-sec .h-img-box {
  max-width: 50%;
}
.ap-how-to .ht-con-sec .h-img-box.wd100 {
  max-width: 100%;
}
.ap-how-to .ht-con-sec .h-img-box.wd80 {
  max-width: 80%;
}
.ap-how-to .ht-con-sec p+h2 {
  margin: 30px 0 10px;
}
.ap-how-to .ht-btn-download {
  font-weight: 600;
}
.ap-how-to .ht-con-sec ol>li>span {
  display: block;
  font-weight: 700;
  margin-left: -15px;
}
.ht-tab-pane a {
  color: #3a489f;
  text-decoration: underline;
}
.ap-how-to .ht-con-sec ul {
  padding-left: 20px;
  margin: 7px 0 0 10px;
  list-style-type: disc;
}
.ap-how-to .ht-con-sec ul>li {
  margin-bottom: 5px;
  line-height: 2;
}
.ap-how-to .ht-con-sec h3 {
  font-weight: 700;
  font-size: 16px;
  margin: 20px 0 13px;
}
.ap-how-to .ht-btn-download {
  font-weight: 600;
}
@media screen and (max-width:500px) {
  .ap-how-to .ht-con-sec .h-img-box {
    max-width: 100%;
  }
}
.mobShow {
  display: none;
}
.tip {
  position: absolute;
  height: 100%;
  width: 100%;
}
.succView {
  display: none
}
@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
  }
}
@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
  }
}
@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
  }
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0)
  }
}
.tip-com span {
  width: 14px;
  height: 14px;
  background: #f5633d;
  border-radius: 69%;
  color: transparent;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1
}
.tip1 .tip1_1,
.tip1 .tip1_2 {
  position: absolute !important;
  top: 159px;
  left: 329px;
}
.tip1 .tip1_1 {
  top: 194px;
  left: 180px;
}
.tip1 .tip1_2 {
  top: 80px;
  left: 440px;
}
.tip1 .tip1_3 {
  top: 260px;
  left: 655px;
}
.tip-tool {
  background: #3f3f3f;
  color: #fff;
  padding: 7px 15px 12px 14px;
  border-radius: 2px;
  width: 335px;
  margin: 0;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.6);
  position: absolute;
  transform: scale(0.9);
  opacity: 0;
  z-index: -1;
}
.ap-how-to .ht-con-sec .tip-tool p {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin: 8px 0px 5px;
}
.tip1 .tip1_1_tool,
.tip1 .tip1_2_tool {
  position: absolute;
  top: 306px;
  left: -16px;
}
.tip1 .tip1_1_tool {
  top: 175px;
  left: 190px;
  right: auto;
}
.tip1 .tip1_2_tool {
  top: 105px;
  left: 383px;
}
.tip1 .tip1_3_tool {
  top: 225px;
  left: 325px;
}
.tip1 .tip1_1_tool::before,
.tip1 .tip1_2_tool::before,
.tip1 .tip1_3_tool::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #3f3f3f;
  top: 25px;
  left: -8px;
}
.tip1 .tip1_1_tool::before {
  top: 17px;
  left: -7px;
  transform: rotate(0deg);
}
.tip1 .tip1_2_tool::before {
  top: -12px;
  left: 48px;
  transform: rotate(90deg);
}
.tip1 .tip1_3_tool::before {
  top: 34px;
  left: 334px;
  transform: rotate(180deg);
}
.close,
.closePop {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 12px;
  height: 12px;
  opacity: 0.3;
  cursor: pointer;
}
.close:before,
.close:after,
.closePop:before,
.closePop:after {
  position: absolute;
  left: 5px;
  content: ' ';
  height: 12px;
  width: 2px;
  background-color: #fff;
}
.close:before,
.closePop:before {
  transform: rotate(45deg);
}
.close:after,
.closePop:after {
  transform: rotate(-45deg);
}
.tip-tool.active {
  opacity: 1;
  transition: 1s;
  z-index: 999;
}
@media screen and (max-width: 1199px) {
  .ap-how-to {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .tip {
    display: none;
  }
  .mobShow {
    display: block;
  }
}