.mT30{margin-top:30px !important;}
.pB20 {padding-bottom: 20px !important;}
.heading-menu, #adsspcutomerlogos{display:none;}
.af *, .af{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;font-weight:300}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
body{margin:0;padding:0}

.af{font-family:'ZohoPuvi';-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0;color:#010101;background:#fff}
.af p,.af a,.af li,.af td,.af td,.af span,.af label{line-height:24px;font-size:14px}
.af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0}
.af ul{padding-left:0;margin:0}
.af li{list-style-type:none}
.af a{text-decoration:none;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af div,.af a,.af ul,.af li,.af input,.af p,.af h1,.af h2,.af span{box-sizing:border-box}
.af div{box-sizing:border-box}
.af{width:100%;display:inline-block;float:left;position:relative}
.ac{margin:0 auto;position:relative;max-width:1200px}
.lhs,.rhs{float:left}
.spri,.ban-spri,.eve-box1 span:before,.eve-box1:after,.try-ctas li a:before,.cta-lat-ser-pak:before,.new:before,.new:after{background-image:url(https://www.manageengine.cn/products/self-service-password/images/whats-new-sprite.png);background-size:1050px;background-repeat:no-repeat}
.fcli{position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0}
.head{background:#fff;padding:10px 0}
.head .logo{float:left;width:200px;height:48px;background-size:900px}
.head ul{float:right;padding-top:3px}
.head ul li{float:left}
.head ul li a{font-size:16px;font-weight:400;color:#010101;padding:9px 20px;display:inline-block}
.head ul li a:hover{color:#108dd6}
.head ul li:last-child a{background:#d32525;color:#fff;padding:9px 40px}
.head ul li:last-child a:hover{background:#b71010;box-shadow:0 4px 13px -5px #0b1d227a}
.ban{background:#d0f9ff;background:-webkit-linear-gradient(to bottom,#d0f9ff,#fff);background:linear-gradient(to bottom,#d0f9ff,#fff);padding:100px 0 120px}
.ban .lhs{float:left;width:calc(100% - 400px)}
.ban .lhs h1{font-size:46px;font-weight:200;line-height:54px}
.ban .lhs h1 strong{font-size:38px;font-weight:500;display:block}
.ban .rhs{float:left;width:400px;display:inline-block;position:relative;padding-top:50px}
.ban .rhs span{position:absolute}
.ban .rhs span.ban1{width:250px;height:250px;background:#fff;border-radius:50%;top:-47px;left:20px}
.ban .rhs span.ban2{width:333px;height:170px;background-position:-35px -307px;left:0;top:97px;animation:anipot .4s linear 0s both}
@keyframes anipot {
0%{transform:scale(4)}
100%{transform:scale(1)}
}
.ban .rhs span.ban3{width:130px;height:117px;background-position:0 -193px;left:-29px;top:0;animation:popout .5s ease-in-out .5s both;transform-origin:bottom right}
@keyframes popout {
0%{opacity:0;transform:scale(0)}
100%{opacity:1;transform:scale(1)}
}
.ban .rhs span.ban4{width:77px;height:117px;background-position:-136px -150px;left:115px;top:-24px;animation:popout3 .5s ease-in-out 1.2s both;transform-origin:bottom center}
@keyframes popout3 {
0%{opacity:0;transform:scale(0)}
100%{opacity:1;transform:scale(1)}
}
.ban .rhs span.ban5{width:126px;height:117px;background-position:-238px -166px;left:216px;top:-26px;animation:popout1 .5s ease-in-out .8s both;transform-origin:bottom left}
@keyframes popout1 {
0%{opacity:0;transform:scale(0)}
100%{opacity:1;transform:scale(1)}
}
.ban .rhs span.ban6{width:239px;height:45px;background-position:-73px -480px;left:41px;top:278px;animation:dshadow .4s ease-in-out .5s both}
@keyframes dshadow {
0%{opacity:0;height:0}
100%{opacity:1;height:22px}
}
.fea-qui{padding-bottom:200px}
.fea-qui .inn{position:absolute;top:0;left:0;z-index:9;width:100%;background:#fff}
.qui-line{width:70%;position:relative;height:3px;border-top:2px dashed #81a4a9;left:15%;top:58px;display:inline-block}
.qui-line:before,.qui-line:after{content:'';position:absolute;width:200px;height:15px;top:-10px}
.qui-line:before{left:0;background:linear-gradient(to right,#fff,#fff7d)}
.qui-line:after{background:linear-gradient(to left,#fff,#fff7d);right:0}
.fea-qui ul{margin:0 auto;display:table;width:60%}
.fea-qui ul li{float:left;width:25%;text-align:center}
.fea-qui ul li div{position:relative;float:left}
.fea-qui ul li div:hover h4{box-shadow:0 7px 9px -5px #33333363}
.fea-qui.act ul li div:hover h4{box-shadow:none}
.fea-qui ul li div i{background-color:#01b394;width:100px;height:100px;margin:0 auto;display:table;border-radius:50%;background-position:-232px 12px;border:10px solid #fff}
.fea-qui ul li div h4{font-size:18px;font-weight:300;border-radius:8px;margin-top:-30px;padding:40px 25px 15px;transition:all .3s ease;margin-bottom:10px}
.fea-qui ul li div i.fqui1{background-color:#01b394}
.fea-qui ul li div i.fqui2{background-color:#fa5c5d;background-position:-308px 14px}
.fea-qui ul li div i.fqui3{background-color:#f4a805;background-position:-374px 14px}
.fea-qui ul li div i.fqui4{background-color:#11bbd4;background-position:-421px 15px;background-size:1000px}
.fea-qui.act ul li div i{background-size:400px;border:5px solid #fff;background-position:-89px 5px}
.fea-qui.act ul li div i.fqui2{background-position:-118px 5px}
.fea-qui.act ul li div i.fqui3{background-position:-143px 5px}
.fea-qui.act ul li div i.fqui4{background-position:-170px 5px}
.fea-qui.act .inn{position:fixed;z-index:9;top:0;left:0;padding-bottom:0;width:100%;right:0}
.fea-qui.act .inn ul{box-shadow:0 14px 29px -16px #33333354;background:#fff}
.fea-qui.act ul div{float:initial;margin:0 auto;display:table}
.fea-qui.act ul div i{float:left;width:40px;height:40px}
.fea-qui.act ul div h4{text-align:left;float:left;font-size:14px;padding:8px;margin:0}
.fea-qui.act .qui-line{display:none}
.fea-qui ul li a:before,.fea-qui ul li a.act:before{content:'';position:absolute;height:3px;left:0;bottom:0;transition:all .4s ease-in-out}
.fea-qui ul li a:before{width:0}
.fea-qui ul li a.act:before{width:100%}
.fea-qui ul li:nth-child(1) a.act:before{background:#01b394}
.fea-qui ul li:nth-child(2) a.act:before{background:#fa5c5d}
.fea-qui ul li:nth-child(3) a.act:before{background:#f4a805}
.fea-qui ul li:nth-child(4) a.act:before{background:#11bbd4}
.new-fea{padding:80px 0}
.new-fea h2{text-align:center;font-size:36px;font-weight:500;line-height:36px;padding-bottom:30px}
.new-fea ul li{float:left;width:33.3333%;padding:15px;}
.new-fea ul li div{background:#fff;padding:28px 30px 25px;box-shadow:0 8px 19px -9px #33333326;border:1px solid #f3f3f3;position:relative;transition:all .8s ease;min-height:275px}
.new-fea ul li div a{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 99;}
.new-fea.act ul li:nth-child(1) div{opacity:1;transform:translateY(0px);transition-delay:.2s}
.new-fea.act ul li:nth-child(2) div{opacity:1;transform:translateY(0px);transition-delay:.4s}
.new-fea.act ul li:nth-child(3) div{opacity:1;transform:translateY(0px);transition-delay:.6s}
.new-fea.act ul li:nth-child(4) div{opacity:1;transform:translateY(0px);transition-delay:.8s}
.new-fea.act ul li:nth-child(5) div{opacity:1;transform:translateY(0px);transition-delay:1s}
.new-fea.act ul li:nth-child(6) div{opacity:1;transform:translateY(0px);transition-delay:1.2s}
.new-fea.act ul li:nth-child(7) div{opacity:1;transform:translateY(0px);transition-delay:1.3s}
.new-fea.act ul li:nth-child(8) div{opacity:1;transform:translateY(0px);transition-delay:1.4s}
.new-fea.act ul li:nth-child(9) div{opacity:1;transform:translateY(0px);transition-delay:1.5s}
.new-fea ul li div h5{font-weight:500;font-size:17px;padding-bottom:10px}
.new-fea ul li div p{font-weight:300;font-size:14px;padding-bottom:15px}
.new-fea ul li div span{color:#138cd6;font-size:14px;position:relative}
.new-fea ul li div span:after{content:'';position:absolute;border-top:5px solid #3330;border-bottom:5px solid #3330;border-left:5px solid #108dd6;right:-11px;top:4px;transition:all .3s ease-in-out}
.new-fea ul li div:hover{box-shadow:0 15px 35px -9px #33333338}
.new-fea ul li div:hover span:after{right:-15px}
.rele-note{background:#f7fafa;padding:80px 0;padding-bottom:120px}
.tit h2{line-height:36px;text-align:center;font-size:36px;font-weight:500;padding-bottom:20px}
.tit p{font-size:22px;font-weight:200;text-align:center;line-height:30px}
.rmap{background:linear-gradient(to bottom,#d0f9ff,#fff);padding:70px 0}
.rmap .lhs{width:calc(100% - 580px);padding:65px 50px 0 0}
.rmap .lhs h2{font-size:36px;font-weight:500;padding-bottom:25px;line-height:36px}
.rmap .lhs p{font-size:16px;line-height:30px;padding-bottom:30px}
.rmap .lhs a{font-size:16px;font-weight:400;color:#000;border:1px solid #000;display:inline-block;padding:12px 30px;border-radius:3px;margin:0 5px 5px 0}
.rmap .lhs a.rcta2{background:#d11313;border:1px solid #d11313;color:#fff;padding:12px 40px}
.rmap .lhs a.rcta2:hover{background:#c10707;border:1px solid #c10707}
.rmap .lhs a.rcta1:hover{border:1px solid #3B738E;background:#3B738E;color:#fff}
.rmap .lhs a:hover{box-shadow:0 3px 15px -5px #0b1d22bf}
.rmap .rhs{width:580px}
.rmap .rhs span.rmap1{width:570px;height:378px;display:inline-block;background: url(https://www.manageengine.cn/products/self-service-password/images/whats-new-sprite.png) no-repeat;background-position: -422px -158px;background-size: 1050px;}
.pip .pipilne{width:0;position:absolute;height:3px;border-top:2px dashed #a7b2b3;left:15%;top:58px;display:inline-block;opacity:0}
.pip.act .pipilne{animation:pipline .5s ease-in-out 1s both}
@keyframes pipline {
0%{opacity:0;width:0}
100%{opacity:1;width:62%}
}
.pip .pipilne:before,.pip .pipilne:after{content:'';position:absolute;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #a7b2b3;left:25%;top:-8px}
.pip .pipilne:after{left:75%}
.pf1{float:left;width:50%;position:relative;transition:all .8s ease;opacity:0;transform:translateY(10px)}
.pf1:nth-child(2) .pfinn{border-top:6px solid #fe696a}
.pf1:nth-child(3) .pfinn{border-top:6px solid #01b394}
.pf1:nth-child(4) .pfinn{border-top:6px solid #f4a805}
.pf1:nth-child(2) .pfinn:before,.pf1:nth-child(3) .pfinn:before,.pf1:nth-child(4) .pfinn:before{content:'';position:absolute;width:0;height:0;border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:7px solid #fe686a;left:48%;top:-12px}
.pf1:nth-child(3) .pfinn:before{border-bottom:7px solid #05b393}
.pf1:nth-child(4) .pfinn:before{border-bottom:7px solid #f4a804}
.pip .pf1:nth-child(2) i{background-color:#fa5c5d;background-position:-708px 14px}
.pip .pf1:nth-child(3) i{background-color:#01b394;background-position:-954px 8px;background-size:1100px}
.pip .pf1:nth-child(4) i{background-color:#f4a805;background-position:-837px 14px}
.pf1 i{background-color:#01b394;width:100px;height:100px;margin:0 auto;display:table;border-radius:50%;background-position:-232px 12px;border:10px solid #fff;background-size:900px}
.pf1 h4{text-align:center;font-size:24px;font-weight:400;padding:15px 0 30px}
.pip.act .pf1_1{opacity:1;transform:translateY(0px);transition-delay:.2s}
.pip.act .pf1_2{opacity:1;transform:translateY(0px);transition-delay:.4s}
.pip.act .pf1_3{opacity:1;transform:translateY(0px);transition-delay:.6s}
.pfinn{border:1px solid #c0ccce;padding:30px 30px 15px;border-radius:8px;margin:0 15px;border-top:6px solid #333;position:relative}
.pfinn h5{font-size:18px;font-weight:400;padding-bottom:15px}
.pfinn ul li{font-size:15px;padding:0 0 30px 25px;font-weight:300}
.pfinn ul li ul.numbul li{padding:0 0 10px 25px}
.pfinn ul li ul.numbul li:before{background:#01b394;width:8px;height:8px;border-radius:10px;margin:8px 0 0 -18px}
.pfinn ul li h6{font-size:16px;font-weight:400;padding-bottom:7px}
.pfinn ul li p + h6{margin-top:15px}
.pfinn ul li ol{padding-top:15px}
.pfinn ul li ol li{list-style-type:disc;padding-left:0;margin-left:30px}
.pfinn ul li ol li:before{display:none}
.pfinn ul li:before{content:'';position:absolute;width:18px;height:18px;background-image:url(https://www.manageengine.cn/products/self-service-password/images/whats-new-sprite.png);background-size:900px;background-repeat:no-repeat;background-position:-689px 0;margin:2px 0 0 -26px}
.eve{padding:90px 0;background:linear-gradient(to top,#f1fdfe,#fff);display:none;}
.eve .inn{float:left;width:100%;padding-top:40px}
.eve ul{float:left;width:100%;padding-bottom:70px}
.eve ul li{float:left;width:33.333%;padding:0 15px}
.eve-box:hover .eve-box2 a{background:#183b44;color:#fff}
.eve-box1{background:#e7f6f9;padding:35px;background:linear-gradient(to bottom,#bbf3fb,#f5feff);position:relative;height:250px}
.eve-box1:after{content:'';position:absolute;width:181px;height:40px;background-position:-89px -83px;right:0;top:0}
.eve-box1 h4{font-size:28px;font-weight:500;color:#0c5762;padding-bottom:20px}
.eve-box1 p{font-size:18px;font-weight:300;padding-bottom:20px;line-height:28px}
.eve-box1 p a{font-size:18px;font-weight:300;padding-bottom:20px;line-height:28px;color:#010101}
.eve-box1 span{padding-left:35px;display:block;padding-bottom:10px}
.eve-box1 span:before{content:'';position:absolute;width:32px;height:32px;background-position:0 -71px;background-size:850px;margin:2px 0 0 -35px}
.eve-box1 span.ic-date:before{background-position:0 -71px}
.eve-box1 span.ic-time:before{background-position:-38px -71px}
.eve-box2{background:#81eaf9;text-align:center}
.eve-box2 a{font-size:16px;font-weight:400;color:#333;display:block;padding:10px}
.eve .cta-up-eve{font-size:16px;font-weight:400;color:#000;border:1px solid #000;display:inline-block;padding:12px 100px;border-radius:3px;margin:0 auto;display:table;position:relative}
.eve .cta-up-eve:hover{background:#3B738E;color:#fff;border:1px solid #3B738E}
.eve .cta-up-eve:after{content:'';position:absolute;border-top:5px solid #3330;border-bottom:5px solid #3330;border-left:5px solid #000;transition:all .3s ease-in-out;margin:7px 0 0 8px}
.eve .cta-up-eve:hover:after{margin:7px 0 0 10px;border-left:5px solid #fff}
.new{background:#183b44;padding:90px 0;text-align:center;color:#fff;margin-top: 250px;}
.new h4{font-size:22px;font-weight:200;line-height:30px;padding-bottom:15px}
.new h2{font-size:36px;font-weight:500;line-height:45px;    padding-bottom: 20px;}
.new:before{content:'';position:absolute;width:353px;height:100px;background-position:-239px -777px;right:0;top:0}
.new:after{content:'';position:absolute;width:197px;height:188px;background-position:1px -728px;left:0;bottom:0}
.try-ctas{margin:0 auto!important;display:table;padding:35px 0}
.try-ctas li{float:left}
.try-ctas li a{background:#d32525;color:#fff;padding:12px 40px 12px 60px;font-size:18px;font-weight:400;display:inline-block;margin:0 8px;border-radius:1px}
.try-ctas li a:hover{background:#bf0c0c;box-shadow:0 7px 13px -5px #0b1d22bf}
.try-ctas li:nth-child(2) a:hover{background:#3a6f7c}
.try-dem li:hover div{transform:translateY(-3px);box-shadow:0 11px 10px -11px #5ecada57}
.try-ctas li span{display:block;color:#c9e5ec;font-size:11px;padding-top:5px}
.try-dem{margin:0 auto!important;display:table;padding:35px 0 0;width:40%;position:relative}
.try-dem:before{content:'';position:absolute;width:100%;height:2px;background:#61d1e2;background:-webkit-linear-gradient(to right,#61d1e200,#61d1e2,#61d1e200);background:linear-gradient(to right,#61d1e200,#61d1e2,#61d1e200);top:0;left:0;right:0}
.try-dem li{float:left;position:relative;width:33.33%}
.try-dem li a{height:100%;position:absolute;left:0;top:0;width:100%;z-index:9}
.try-dem li div{position:relative;transition:all .4s ease}
.try-dem li div i{width:40px;height:40px;display:inline-block;    background: url(https://www.manageengine.cn/products/self-service-password/images/whats-new-sprite.png) no-repeat;background-position:-325px -74px;background-size:900px}
.try-dem li:nth-child(1) div i{background-position:-325px -74px}
.try-dem li:nth-child(2) div i{background-position:-376px -74px}
.try-dem li:nth-child(3) div i{background-position:-424px -74px}
.try-dem li div h6{color:#67dcee;font-size:13px}
.try-ctas li a:before{content:'';position:absolute;width:16px;height:19px;background-position:-235px -72px;background-size:820px;margin:4px 0 0 -22px}
.try-ctas li:nth-child(2) a:before{background-position:-259px -72px;margin:3px 0 0 -30px;width:24px}
.try-ctas li:nth-child(2) a{background:#265763}
.cus{padding:60px 0}
.cus .tit h2{font-size:26px;font-weight:300;line-height:40px;padding-bottom:30px}
.cus .tit h2 strong{font-weight:500}
span#backToTop{display:none!important;opacity:0}
.cus ul{margin:0 auto;display:table}
.cus ul li{float:left;padding:0 20px}
.cus ul li span{width:100px;height:60px;display:inline-block;background-position:-16px -499px;background-size:900px}
.cus ul li span.ic-cli-1{background-position:-5px -487px}
.cus ul li span.ic-cli-2{background-position:-140px -489px;width:155px}
.cus ul li span.ic-cli-3{background-position:-340px -487px;width:147px}
.cus ul li span.ic-cli-4{background-position:-526px -488px}
.cus ul li span.ic-cli-5{background-position:-642px -485px;width:80px}
.cus ul li span.ic-cli-6{background-position:-770px -484px;width:130px}
.cus ul li span.ic-cli-7{background-position:-12px -545px;width:147px}
.cr{background:#e9edf3;text-align:center}
.cr p{color:#676869;padding:15px}
.tnk{padding-top:20px;display:none}
.tnk h4{font-size:22px;font-weight:400}
.tnk p{margin-top:8px;font-size:16px;font-weight:300}
.tnk p a{font-size:16px;text-decoration:underline;color:#089ae4}
.feature-base{position:relative}
.feature-base .features-sprite{background-image:url(https://www.manageengine.cn/products/self-service-password/images/whats-new-sprite.png);background-size:830px;display:inline-block}
.feature-base .sec-header{margin-bottom:73px}
.feature-base .sec-header span{position:relative;z-index:2}
.feature-base .sec-header::after{z-index:1}
.feature-base .container{background-color:#f3f7f9;position:relative;padding-bottom:160px;border-radius:10px}
.feature-base .container.first{background-color:transparent;padding-bottom:0}
.feature-base .release-note-wrap{margin-top:80px;float:left;width:100%;position:relative}
.feature-base .release-note-wrap .nav-base{position:relative}
.feature-base .release-note-wrap .nav-base .nav-inner{width:117px;padding-right:35px!important;float:left;margin-right:5px;margin-top:0}
.feature-base .release-note-wrap .nav-base .nav-inner > li{text-align:right;position:relative;display:block;width:100%;margin-top:5px;margin-bottom:5px}
.feature-base .release-note-wrap .nav-base .nav-inner > li:last-child a{font-size:11px;line-height:14px}
.feature-base .release-note-wrap .nav-base .nav-inner > li::after{content:"";width:1px;border-right:#e5e7e7 solid 1px;height:100%;position:absolute;top:26px;right:10px;z-index:1}
.feature-base .release-note-wrap .nav-base .nav-inner > li .sub-nav{text-align:right}
.feature-base .release-note-wrap .nav-base .nav-inner > li > a{font-family:'Zoho_Puvi_SemiBold';font-size:16px;padding:13px 28px 5px 0;display:block;position:relative;color:#595959;text-align:left;padding-left:13px;padding-bottom:13px}
.feature-base .release-note-wrap .nav-base .nav-inner > li > a::before{content:"";width:9px;height:9px;border-radius:50%;background-color:#9cb1b9;position:absolute;top:15px;right:1px;z-index:3;border:5px solid #ddecee}
.feature-base .release-note-wrap .nav-base .nav-inner > li.active .arrow-new{display:block}
.feature-base .release-note-wrap .nav-base .nav-inner > li.active > a::before{background-color:#01b394;border:5px solid #ddecee}
.feature-base .release-note-wrap .nav-base .nav-inner > li:last-child::after{height:calc(100% - 46px)}
.feature-base .release-note-wrap .nav-base .nav-inner > li > ul{display:none}
.feature-base .release-note-wrap .nav-base .nav-inner > li > ul > li > a{font-size:15px;color:#787b7b;padding:9px 28px 9px 0;position:relative;display:inline-block;line-height:26px}
.feature-base .release-note-wrap .nav-base .nav-inner > li > ul > li > a::before{content:"";width:9px;height:9px;border-radius:50%;background-color:#9cb1b9;position:absolute;top:16px;right:3px;z-index:3;border:3px solid #f1f7f8}
.feature-base .release-note-wrap .nav-base .nav-inner > li > ul > li > a::after{content:"";width:0;height:0;border-top:11px solid #01b394;border-left:11px solid transparent;position:absolute;top:18px;right:-41px;z-index:3;display:none}
.feature-base .release-note-wrap .nav-base .nav-inner > li > ul > li.active a{color:#01b394;font-weight:500}
.feature-base .release-note-wrap .nav-base .nav-inner > li > ul > li.active a::before{background-color:#01b394;border:3px solid #ccede7}
.feature-base .release-note-wrap .nav-base .nav-inner > li > ul > li.active a::after{display:block}
.feature-base .release-note-wrap .accordin-rhs{width:calc(100% - 197px);float:left;display:none;background-color:#fff;border:#cdd4d8 solid 1px;padding:34px 0 40px 40px;min-height:950px;max-height:1100px;border-radius:4px 4px 10px 10px;margin-top:9px}
.feature-base .release-note-wrap .accordin-rhs.open{display:block;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;animation-name:example;animation-duration:4s;box-shadow:0 26px 21px -20px #3333337a}
.feature-base .release-note-wrap .accordin-rhs .rn-header{font-family:'Zoho_Puvi_SemiBold';padding-bottom:30px}
.feature-base .release-note-wrap .accordin-rhs .rn-header h3{margin:0;font-size:26px;color:#060608}
.feature-base .release-note-wrap .accordin-rhs .rn-header .date{font-size:12px;color:#878787;margin:1px 0 0}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs > ul{background-color:#f8f8f8;border-radius:40px;width:404px;margin:0 auto;position:relative}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs > ul li{margin-left:-2px;display:inline-block;color:#858585;font-family:'Zoho_Puvi_SemiBold';font-size:16px;width:202px;height:39px;text-align:center;line-height:39px;border-radius:40px;cursor:pointer;z-index:1;position:relative}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs > ul li.active{color:#fff}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs > ul span{width:202px;height:39px;border-radius:40px;position:absolute;left:0;top:0;display:block;background:#06b0f0;color:#fff;transition:all .2s linear}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content{display:none;height:715px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content.active{display:block}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .mCSB_scrollTools{opacity:1}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#cce1ec;width:6.5px;margin-right:0}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box{float:left;width:100%;padding-bottom:20px;padding-right:50px}
.cont-box + .cont-box .rn-header{padding-top:40px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > h4{color:#060608;font-size:18px;margin-left:0;padding:0 10px 10px 45px;margin-bottom:11px;position:relative;font-weight:500}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > h4 > i{position:absolute;top:3px;left:0}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > h4 > i.icn-fix{background-position:-511px -11px;width:40px;height:50px;top:-6px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > h4 > i.icn-how{background-position:-554px -7px;width:40px;height:50px;top:-6px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > h4 > i.icn-fea{background-position:-419px -6px;width:40px;height:50px;top:-6px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > h4 > i.icn-hig{background-position:-462px -6px;width:40px;height:50px;top:-6px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > h5{font-size:15px;color:#060608;font-family:'Zoho_Puvi_Bold';padding-left:45px;padding-right:45px;margin-bottom:14px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > h5 + h5 + ul{padding-left:45px!important}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > p{padding-right:45px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > ul{padding-left:20px!important;padding-right:5px!important}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > ul > li{font-size:15px;color:#060608;padding-left:27px;position:relative;line-height:22px;margin-bottom:14px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > ul > li strong{font-weight:500;}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > ul > li::before{content:"";background-image:url(https://www.manageengine.cn/products/self-service-password/images/whats-new-sprite.png);background-size:840px;display:inline-block;background-position:-644px -1px;width:20px;height:20px;top:5px;left:0;position:absolute}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > ul > li > ul{padding-left:30px!important;margin-top:10px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > ul > li > ul > li{list-style:disc;margin-bottom:10px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > ul > li > ul > li a,.cont-box .rhs a{color:#138cd6}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > ul + ul{margin-top:40px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > ul + h5{margin-top:24px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > ul + h4{margin-top:19px}
.cont-box .lhs{float:left;width:220px}
.cont-box .rhs{float:left;width:calc(100% - 220px);border-bottom:1px solid #e2e9f1;padding-bottom:5px}
.cont-box:last-child .rhs:last-child{border-bottom:0}
.cont-box .rhs.how-to{border-bottom:0}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div.how-to > ul > li::before{background-position:-644px -24px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div.how-to > ul > li a{color:#138cd6;text-decoration:none}
.feature-base:before{content:'';position:absolute;width:100%;height:400px;background:url(https://www.manageengine.cn/products/self-service-password/images/whats-new-release-bott.png);background-repeat-y:no-repeat;left:0;bottom:0;right:0;background-size:cover;animation:buildmov 200s ease 0 both}
@keyframes buildmov {
0%{background-position:0 0;background-position:-4000px 0}
}
a.cta-lat-ser-pak{font-size:16px;color:#000;border:1px solid #000;display:inline-block;padding:12px 30px 12px 60px;position:absolute;z-index:1;right:120px;top:-20px;background:#fff;font-weight:400}
a.cta-lat-ser-pak:before{left:30px;top:15px;content:'';position:absolute;width:100px;height:100px;background-position:-542px -14px;background-size:750px 750px;width:22px;height:17px}
a.cta-lat-ser-pak:hover{background:#e0f0f5}
.mmenu{display:none}
.ffw-errmsg{display:none;color:red;font-size:12px;margin-top:-25px;position:absolute;font-weight:300}
.wam-form{margin:40px 0 0;display:table}
.wam-form ul{margin:0;padding:0!important}
.wam-form ul li{list-style-type:none;float:left;background:#fff;border:1px solid #7c969a;border-radius:5px}
.wam-form ul li:nth-child(1){width:280px;position:relative}
.errMsg,.errMsg2,.errMsg3,.errMsg4{display:none;font-size:12px;position:absolute;margin-top:-20px;margin-left:0;line-height:18px;color:red}
.wam-form ul li input{width:100%;height:46px;border:0;padding:0 10px;box-sizing:border-box;font-size:16px;outline:0;color:#2b2b2b;background:0 0;font-weight:300;font-family:'ZohoPuvi';border-radius:5px}
.wam-form ul li:nth-child(1) input{font-size:16px;position:relative;padding-left:15px}
.icn-mail{position:absolute;left:19px;top:12px;width:25px;height:21px;background-position:-350px -63px}
.wam-form ul li:nth-child(1) input::placeholder{color:#889196}
.wam-form ul li:nth-child(2){width:50px;position:relative;margin:0 5px}
.wam-form ul li:nth-child(2):before{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333;margin:22px 0 0 29px;z-index:0;left:5px}
.wam-form ul li.showing-state:after{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #adadad;margin:22px 0 0 29px;z-index:0;right:11px}
.selectedCountry{width:50px;height:33px;top:2px;position:absolute;color:#333;font-size:16px;margin:5px 0 0;line-height:33px;left:0;padding-left:8px;border-left:1px solid #e5e5e5;font-weight:400}
.selectedCountry:after{content:"";position:absolute;width:1px;height:33px;top:0;right:0;background-color:#e5e5e5;display:none}
.wam-form ul li.showing-state{width:180px}
.wam-form ul li.showing-state .selectedCountry:after{display:block}
.wam-form ul li select{width:50px;height:46px;border:0;padding:0 10px;box-sizing:border-box;border-radius:0;font-size:15px;outline:0;background:#fff;margin:0;background:0 0;z-index:9;position:relative;color:#6e6e6e;font-size:12px;opacity:0;-moz-appearance:none;-webkit-appearance:none;cursor:pointer;float:left}
.wam-form ul li:nth-child(3){border:1px solid #ee2121}
.wam-form ul li input[type=submit]{font-size:17px;font-weight:500;background:#ed2121;color:#fff;padding:0 39px;cursor:pointer;font-weight:500;height:46px;border:0;outline:0;border-radius:0}
.wam-form ul li input[type=submit]:hover{background:#c11818;transition:all .5s ease}
.wam-form ul li:nth-child(4){background:0 0;width:100%;margin-top:15px;border:0}
.dwn-priv{color:#333;font-size:11px;margin-top:-8px;line-height:16px;font-weight:300}
.dwn-priv strong{font-weight:500}
.dwn-priv a{font-size:11px;color:#1b9cde;text-decoration:none}
#meGDPRMessage{line-height:17px;margin:0 0 13px;width:100%}
#meGDPRMessage label{font-size:11px;line-height:18px;color:#333;font-weight:300}
#meGDPRMessage .checkmarkgdpr{margin-bottom:0}
.succView{display:none}
#dwn-form-alert{width:250px!important;z-index:11}
.wam-form ul li select#country_state{position:relative;font-size:13px;background:url(https://www.manageengine.com/products/ad-manager/images/arrow-gra.png) 137px 21px no-repeat;background-size:8px;opacity:1;width:97px;float:left;padding-left:0;color:#333}
footer,.btmBar{float:left;width:100%}
.wam-form.showing-state ul li:nth-child(1){width:250px}
.wam-form.showing-state ul li input[type=submit]{padding:0 20px}
.wam-form.showing-state ul li:nth-child(2){width:150px}
.notebox{border:1px solid #ede9b6;padding:20px;background:#fffef2;margin:25px 0 30px;font-size:14px;line-height:22px;border-radius:5px}
@media screen and (max-width:1249px) {
.wam-form ul li:nth-child(1){width:245px}
}
@media screen and (max-width:1200px) {
.wam-form ul li:nth-child(1){width:228px;width:300px}
.wam-form ul li:nth-child(2){width:62px}
.wam-form ul li:nth-child(2):before{margin:22px 0 0 37px}
}
@media screen and (max-width:1100px) {
    .wam-form ul li:nth-child(1){width: calc(100% - 300px);}
    }
@media screen and (max-width:680px) {
.wam-form{width:100%}
.wam-form ul li:nth-child(1){width:calc(100% - 70px)}
.wam-form ul li:nth-child(2){margin:0;margin-left:8px}
.wam-form ul li:nth-child(2):before{left:inherit;right:4px}
.wam-form ul li.showing-state:after{bottom:70px;z-index:10;margin-top:0}
.wam-form ul li:nth-child(3){width:100%;margin-top:10px}
.wam-form ul li input[type=submit]{border-radius:4px}
.wam-form{width:100%}
}
@media screen and (max-width:1250px) {
.ac{max-width:92%}
}
@media screen and (max-width:1200px) {
.new-fea ul li{padding:7px}
.new-fea ul li div{height:300px}
}
@media screen and (max-width:1100px) {
.ac{max-width:90%}
}
@media screen and (max-width:1070px) {
.ban .lhs{width:100%;text-align:center}
.ban .rhs{display:none}
.wam-form{margin:0 auto;display:table;width:520px;margin-top:30px}
.wam-form ul li input[type=submit]{padding:0 15px}
.wam-form.showing-state ul li:nth-child(1){width:calc(100% - 154px);margin-right:4px}
.wam-form.showing-state ul li:nth-child(2){width:150px;margin:0}
.wam-form.showing-state ul li:nth-child(3){width:100%;margin-top:10px}
.wam-form.showing-state ul li input[type=submit]{border-radius:5px}
.ban{padding:50px 0 45px}
.ban .lhs h1{font-size:34px;line-height:46px}
.ban .lhs h1 strong{font-size:32px}
.fea-qui ul{width:90%}
.pip .ac{max-width:100%;padding:0 15px}
.fea-qui ul li div{width:100%}
}
@media screen and (max-width:1024px){
.cus ul {
    display: block;
    text-align: center;
}
.cus ul li {
    float: none;
    display: inline-block;
}
}
@media screen and (max-width:992px) {
.mob-hide{display:none}
.mmenu{top:20px;display:block;position:fixed;right:30px;border:1px solid #ee2121;color:#ee2121;padding:0 7px 3px;font-size:20px!important;text-align:center;line-height:26px!important;border-radius:2px;cursor:pointer;z-index:10;background:#fff}
.head ul{position:fixed;width:270px;background:#f7fafa;right:-400px;height:100%;top:0;box-shadow:0 2px 22px -7px #0000004a;transition:all ease .5s;z-index:9;padding-top:50px}
.head ul li{width:100%;border-bottom:1px solid #e1e7e7}
.head ul li a{display:block;padding:10px 25px;opacity:.9;text-align:center}
.head ul li:last-child a{background:#b10f00;border:0;color:#fff}
.head ul.act{right:0}
.top ul.act{right:0}
.new-fea ul li{width:100%}
.new-fea ul li div{height:auto;min-height: auto;padding-top: 35px;}
.cont-box .lhs{width:100%}
.cont-box .rhs{width:100%}
.rmap .lhs{width:100%;padding:25px 0 0;text-align:center}
.rmap .rhs{display:none}
.eve ul li{width:100%;margin-bottom:30px}
.eve-box{width:70%;margin:0 auto}
.eve-box1{height:auto}
}
@media screen and (max-width:769px) {
.fea-qui ul li div h4{padding:30px 5px 15px;font-size:14px}
.feature-base .release-note-wrap .accordin-rhs{width:calc(100% - 125px)}
a.cta-lat-ser-pak{font-size:14px;padding:12px 15px 12px 45px;right:20px}
a.cta-lat-ser-pak:before{left:15px}
.pip .pipilne{display:none}
.pf1{width:100%;padding-bottom:30px}
.feature-base .release-note-wrap .accordin-rhs .rn-header h3{font-size:21px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box{padding-right:20px}
.new h2{font-size:26px;line-height:35px}
.try-dem{width:90%}
.cus .tit h2{font-size:20px;line-height:34px}
.ban .lhs h1{font-size:24px;line-height:36px}
.ban .lhs h1 strong{font-size:26px}
.fea-qui.act{opacity:0}
.eve-ban-foot-22, .new{margin-top: 0;}
.pf1_2{    margin-bottom: 50px;}
.new .eve-ban-foot-22 h2{font-size: 32px;}
.pip .pf1_2{margin-bottom: 200px;}
}
@media screen and (max-width:600px) {
.wam-form{width:100%}
}
@media screen and (max-width:550px) {
.eve-box{width:100%}
.fea-qui ul li div i{width:70px;height:70px;background-position:-157px 8px;background-size:700px}
.fea-qui ul li div i.fqui2{background-position:-208px 8px}
.fea-qui ul li div i.fqui3{background-position:-252px 8px}
.fea-qui ul li div i.fqui4{background-position:-298px 8px;background-size:700px}
.qui-line{top:43px}
.fea-qui ul{width:100%}
.fea-qui{padding-bottom:100px}
}
@media screen and (max-width:500px) {
.ds-list li{width:100%}
.new:after{opacity:.4}
}
@media screen and (max-width:480px) {
.try-ctas li a{padding:12px 20px 12px 45px;font-size:14px}
.new h4{font-size:18px}
.new h2{font-size:28px;line-height:38px}
.eve .cta-up-eve{padding:12px 50px 12px 45px}
.eve ul{padding-bottom:20px}
a.cta-lat-ser-pak{margin:0 auto;position:relative;display:table;right:inherit;top:-30px}
.feature-base .release-note-wrap .accordin-rhs{padding:25px 0 40px 25px}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box div > ul{padding-left:0!important}
.feature-base .release-note-wrap .accordin-rhs .nested-tabs .tab-content .cont-box{padding-right:10px}
.fea-qui ul li div h4{font-size:12px}
.fea-qui{display:none}
.new-fea{padding:0 0 80px}
.new .eve-ban-foot-22 h2{font-size: 32px;}
.eve-ban-foot-22 p {
    font-size: 18px;
    line-height: 30px;
}
.new-fea h2{font-size:30px;line-height:20px}
.tit h2{line-height:34px;font-size:28px}
.tit p{font-size:18px;line-height:22px}
.feature-base .release-note-wrap .nav-base .nav-inner{width:68px;padding-right:10px!important}
.feature-base .release-note-wrap .nav-base .nav-inner > li > a{padding-left:0}
.feature-base .release-note-wrap .accordin-rhs{width:calc(100% - 75px)}
.feature-base .release-note-wrap .nav-base .nav-inner > li > ul > li > a::after{right:-13px}
.wam-form ul li:nth-child(1),.wam-form ul li:nth-child(2),.wam-form.showing-state ul li:nth-child(2),.wam-form.showing-state ul li:nth-child(1),.wam-form.showing-state ul li:nth-child(1){width:100%;border-radius:4px}
.wam-form ul li{margin-bottom:10px}
.selectedCountry{border-left:0}
.wam-form ul li select{width:50%;padding-left:22px}
.wam-form ul li:nth-child(2){margin-left:0}
}
.zsiq_theme1 div.zsiq_cnt{font-family:'ZohoPuvi'}

.eve-ban-foot-22{background:#d2faff;color:#000;padding:45px 50px;margin:0 auto;display:table;max-width:900px;width:100%;border:1px solid #81eaf9;margin-top:-240px;margin-bottom:100px;position:relative}
.eve-ban-foot-22:after{content:'';position:absolute;background:url(https://www.manageengine.cn/products/self-service-password/images/whats-new-foot-bg-22.png) no-repeat;color:#000;background-size:cover;background-position:center bottom;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.eve-ban-foot-22:before{content:'';position:absolute;background:#d0f9ff;background:-webkit-linear-gradient(to bottom,#62e4f8,#d0f9ff);background:linear-gradient(to bottom,#62e4f8c2,#d0f9ff);left:0;top:0;right:0;height:200px}
.eve-ban-foot-22 *{position:relative;    z-index: 1;}
.eve-ban-foot-22 p{font-size:22px;line-height:34px;margin-bottom:30px;}
.eve-ban-foot-22 a{background:#183b44;color:#fff;font-size:16px;display:inline-block;padding:14px 40px;}
.eve-ban-foot-22 a:hover{background:#02acc5}