.apysteps a {
margin: 2px;
}
.container {
	max-width: 1200px
}
body {
	color: #333;
}
#lhsTree a {
	color: #333
}
.fixed_bar_hcontainer {
	margin: 195px -89px 0
}
.hideAnimation {
	margin: 195px -89px 0 0;
	transition: all .5s
}
.showAnimation {
	margin: 195px 0 0;
	transition: all .5s
}
#lhsTree>li {
	color: #333;
}
#lhsTree>li, #scroll ul.relPrd > li {
	border-bottom: none;
}
#lhsTree>li>ul li, #scroll ul.relPrd li ul li, #scroll ul.relPrd li ul li {
	border-top: none;
}
#lhsTree>li>ul li.feaact {
	background: #f1f9fe;
	border-left: 3px solid #2283e8;
}
#lhsTree>li>ul li:hover {
	background: #f1f9fe;
	transition: .2s;
}
#lhsTree>li>ul li.feaact a {
	color: #2a85e5;
}
#lhsTree>li>ul li {
	padding: 10px 0 10px 20px;
	margin-left: 16px;
	font-size: 13px;
	transition: .2s;
}
#lhsTree > li > span.ifTree:after {
	border-top: 5px solid transparent;
	border-left: 5px solid #374f60;
	border-bottom: 5px solid transparent;
}
#lhsTree > li > span.ifTree.dropact:after {
	border-left: 5px solid transparent;
	border-top: 5px solid #374f60;
	border-bottom: 5px solid transparent;
}
#scroll ul.relPrd > li > span {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
}
#scroll ul.relPrd li ul li {
	padding-left: 27px;
	position: relative;
}
#scroll ul.relPrd li ul li::before {
	content: "";
	position: absolute;
	height: 30px;
	width: 30px;
	background: url("https://www.manageengine.cn/products/active-directory-audit/images/lhs-ad-product-icons-sprite.png");
	background-size: 32px;
	background-position: 0 0;
	left: -6px;
}
#scroll ul.relPrd li ul li:nth-of-type(2)::before {
	background-position: 0 -36px;
}
#scroll ul.relPrd li ul li:nth-of-type(3)::before {
	background-position: 0 -71px;
}
#scroll ul.relPrd li ul li:nth-of-type(4)::before {
	background-position: 0 -110px;
}
#scroll ul.relPrd li ul li:nth-of-type(5)::before {
	background-position: 0 -147px;
}
#scroll ul.relPrd li ul li:nth-of-type(6)::before {
	background-position: 0 -184px;
}
#scroll ul.relPrd li ul li:nth-of-type(7)::before {
	background-position: 0 -221px;
}
#scroll ul.relPrd li ul li:nth-of-type(8)::before {
	background-position: 0 -261px;
}
#scroll ul.relPrd li ul li:nth-of-type(9)::before {
	background-position: 0 0;
}
#scroll ul.relPrd li ul li:nth-of-type(10)::before {
	background-position: 0 -294px;
}
.featureContent {
	padding-left: 65px;
	position: relative;
}
.featureBox .featureContent::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 50px;
	background: url("https://www.manageengine.cn/products/active-directory-audit/images/active-directory-audit-feature-page-sprite.png");
}

.apysteps{display: inline-block;}
.apysteps a {color: #fff;text-decoration: none;padding: 8px 16px;font-size: 14px;background: #58aafb;border: 1px solid #58aafb;font-weight: 600;transition: all 1s ease;}
.apysteps a:hover{background: #fff;color: #000;text-decoration: none;transition: 1s;border: 1px solid #e8e8e8;transition: all 1s ease;;box-shadow: 0px 0px 12px -1px #f7f7f7;}
.adap-play-button {background: url(https://www.manageengine.cn/products/active-directory-audit/images/image-slice.png) repeat scroll -930px 3px;color: #4C596E;font-size: 12px;padding: 4px 11px 2px 28px;}
.rhs-cont li ul li{list-style: circle;}

@media screen and (max-width:992px){
.apysteps{display: block;text-align: center;}
.apysteps a{width: 80%;margin: 10px auto;display: block;}}