.ap-how-to .ht-btn-download {font-weight: 600;}
.ht-tab-pane a{color: #3a489f;text-decoration: underline;}
.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 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;}
table{margin: 30px 0 33px;}
table tr th{background: #f3f9ff;border: solid 1px #acacac;color: #000 !important;font-weight:bold;padding:12px
0;text-align:center;vertical-align:middle;}
table tr td{border: solid 1px #acacac;color: #000 !important;padding:12px 16px;vertical-align:middle;}
table tr th:nth-child(1){width:15%}
table tr th:nth-child(2){width:28%}
table tr th:nth-child(3){width:17%}
table tr td:nth-child(1), table tr td:nth-child(3){text-align: center;}
table tr td:nth-child(2), table tr td:nth-child(4){padding-left: 22px;}
@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: 185px; left: 180px; }
.tip1 .tip1_2 {top: 280px; left: 530px; }
.tip1 .tip1_3{top: 360px;left: 205px;}
.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: 164px; left: 190px; right: auto; }
.tip1 .tip1_2_tool {top: 300px; left: 370px; }
.tip1 .tip1_3_tool {top: 335px; left: 220px; }
.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: -11px; left: 166px; transform: rotate(90deg); }
.tip1 .tip1_3_tool::before {top: 25px; left: -8px; transform: rotate(0deg); }
.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 h5 {font-size: 16px; margin-bottom: 4px; margin-top: 7px; font-weight: 500; color: #fff; line-height:
20.15px;}*/
.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;}
}