ul#lhsTree {
    padding-top: 0 !important;
}
.tool-tip-img {
    position: relative;
}
    
.tip {
    position: absolute;
}

.tip-com span {
    width: 15px;
    height: 15px;
    background: #f5633d;
    display: block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}

.tip-com span {
    position: relative;
    box-shadow: 0 0 0 0 rgb(232 76 61 / 70%);
    -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);
}

.tip-tool {
    background: #000;
    color: #fff;
    padding: 16px 20px;
    border-radius: 2px;
    width: 260px;
    margin: -24px 0 0 10px;
    box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 60%);
    position: relative;
    transform: scale(0.9);
    opacity: 0;
    z-index: -1;
}

.tip-tool:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #000;
    top: 5px;
    left: -6px;
}

.tip .tip-tool p {
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    margin: 0;
}

.tip-com div {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.tip.ss1-tip1 {
    top: 13.5%;
    left: 13%;
}

.tip.ss1-tip2 {
    top: 41%;
    left: 37.7%;
}
.tip.ss1-tip3 {
    top: 48%;
    left: 33.4%;
}
.tip.ss2-tip1 {
    top: 42.5%;
    left: 8.4%;
}

.tip.ss2-tip2 {
     top: 31.5%;
    left: 22.5%;
}

.tip.ss2-tip3 {
     top: 45%;
    left: 75%;
}

.tip.ss2-tip3 .tip1_1_tool {
    right: 130px;
    top: 28px;
}

.tip.ss2-tip3 .tip1_1_tool::before {
    top: -12px;
    left: 134px;
    transform: rotate(90deg);
}

.tip.ss3-tip1 {
    top: 51%;
    left: 67%;
}

.tip.ss3-tip1 .tip1_1_tool {
    right: 140px;
    top: 30px;
}

.tip.ss3-tip1 .tip1_1_tool::before {
    top: -12px;
    left: 134px;
    transform: rotate(90deg);
}

.tipshow{
    z-index: 2;
    opacity:1
}

.close {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    opacity: .6;
}

.close:hover {
    opacity: 1;
}

.close:before, 
.close:after {
    background: #fff;
    content: ' ';
    height: 12px;
    left: 5px;
    position: absolute;
    width: 2px;
}

.close:after {
    transform: rotate(-45deg);
}

.close:before {
    transform: rotate(45deg);
}

@keyframes pulse {
    100% {
    box-shadow: 0 0 0 15px rgb(232 76 61 / 0%);
 }
}


.tool-tip-img:nth-of-type(1) {
    border: 1px solid gray;
    margin-bottom: 50px;
}
.otherFeaCol1, .otherFeaCol2, .otherFeaCol3, .otherFeaHead, #dloadView {
    display: none;
}
.tool-tip-img:nth-of-type(2) {.tool-tip-img: nth-of-type(1);
.tool-tip-img: nth-of-type(1);border: 1px solid gray;}

@media screen and (max-width : 767px){
.tool-tip-img:nth-of-type(1){ margin-bottom: 30px }
}
