@media screen and (max-width: 767px){
#MEmobPanel span.down{display: none;}
}
@media screen and (max-width: 500px){
#support-form-sec .kbform li .rgtfld input[type="reset"]{margin: 20px 0 0;}
#scroll .rhs-cont ul{padding: 10px 0 10px !important;}
}
@media screen and (max-width: 410px){
.pro-menu ~ .lnkTab{margin-right: 25px;}
.rmplogosvg img{width: 206px;}
header:not(.abheader) .melogosvg img{margin: 6px 0 0;}
}

@media screen and (max-width: 767px){
#MEmobPanel span.down{display: none;}
}
@media screen and (max-width: 500px){
#support-form-sec .kbform li .rgtfld input[type="reset"]{margin: 20px 0 0;}
#scroll .rhs-cont ul{padding: 10px 0 10px !important;}
}
@media screen and (max-width: 410px){
.pro-menu ~ .lnkTab{margin-right: 25px;}
.rmplogosvg img{width: 206px;}
header:not(.abheader) .melogosvg img{margin: 6px 0 0;}
}

.menuheader{float:left;}
.heading-menu, .sep-brd-top, #scroll{display:none;}
.as-full{font-family:'Open Sans',sans-serif;margin:0;padding:0}
.as-full p,.as-full a,.as-full li,.as-full td,.as-full td,.as-full span,.as-full label{line-height:24px;font-size:14px}
.as-full h1,.as-full h2,.as-full h3,.as-full h4,.as-full h5,.as-full h6{margin:0}
.as-full ul{padding-left:0;margin:0}
.as-full li{list-style-type:none}
.as-full 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}
.as-full a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.as-full div,.as-full a,.as-full ul,.as-full li,.as-full input,.as-full p,.as-full h1,.as-full h2,.as-full span{box-sizing:border-box;color:#000}
.as-full div{box-sizing:border-box}
.as-full{width:100%;}
.as-container{margin:0 auto;position:relative;max-width:1060px}
.top-ban{background:#84cbfc;background:linear-gradient(to top,#fff 71%,#84cbfc 100%);padding:80px 0 40px;position:relative;overflow:hidden;width:100%;float:left}
.head-s1{position:relative;display:flow-root}
.head-s1 div:after{content:'';position:absolute;width:373px;height:370px;background:url(https://www.manageengine.cn/ad-recovery-manager/images/exchange-restore-deleted-mailbox-sprite.png) no-repeat 0 0;background-size:600px;top:-63px;right:0}
.head-s1 div h1{font-size:34px;font-weight:700;line-height:48px;margin:0 0 25px}
.head-s1 div h1 span{font-size:34px;font-weight:300}
.head-s1 div p{font-size:18px;font-weight:400;margin:0 0 45px;line-height:30px}
.head-s1 div a{background:#da1313;color:#fff;padding:12px 60px;display:inline-block;border-radius:2px;font-size:16px}
.head-s1 div a:hover{background:#c10f0f}
.head-s2{text-align:left;margin:80px 0 70px}
.head-s2 h2{font-size:20px;font-weight:700;line-height:26px;margin-bottom:20px}
.head-s2 ul li{font-size:16px;line-height:30px;padding-left:40px;margin-bottom:10px}
.head-s2 ul li:before{content:'';position:absolute;width:20px;height:20px;background:url(https://www.manageengine.cn/ad-recovery-manager/images/exchange-restore-deleted-mailbox-sprite.png) no-repeat -493px -280px;background-size:517px;margin:5px 0 0 -40px}
.head-s3{position:relative;overflow:hidden;padding-bottom:30px}
.head-s3 div{float:left;width:48%;color:#fff;padding:35px 30px 30px;border-radius:4px;position:relative;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.head-s3 div:hover{box-shadow:0 24px 35px -25px #181d21;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.head-s3 div h4{font-weight:600;font-size:18px;padding:3px 0 8px 52px}
.head-s3 div h4:before{content:'';position:absolute;width:45px;height:40px;background:url(https://www.manageengine.cn/ad-recovery-manager/images/exchange-restore-deleted-mailbox-sprite.png) no-repeat -395px -299px;background-size:562px;margin:-8px 0 0 -53px}
.head-s3 div:nth-child(2) h4{padding-left:50px}
.head-s3 div:nth-child(2) h4:before{background-position:-456px -300px;margin:-8px 0 0 -53px}
.head-s3 div p{color:#fff;font-weight:400;line-height:24px;font-size:14px}
.head-s3 div span{color:#fff;float:right;padding-right:55px;font-weight:300;font-size:15px}
.head-s3 div span:after{content:'';position:absolute;width:21px;height:21px;background:url(https://www.manageengine.cn/ad-recovery-manager/images/exchange-restore-deleted-mailbox-sprite.png) no-repeat -453px -270px;background-size:499px;margin:3px 0 0 12px}
.head-s3 div a{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer}
.head-s3 div:nth-child(1){margin-right:2%;background:linear-gradient(-235deg,#00b6eb 18%,#0278bc 140%);background-color:#00b6eb}
.head-s3 div:nth-child(2){margin-left:2%;background:linear-gradient(-235deg,#00c07e 22%,#00b88b 64%);background-color:#00c07e}
.why-rec{background:#b5e9f7;background:linear-gradient(to bottom,#fff 0%,#b5e9f7 100%);position:relative;overflow:hidden;width:100%}
.foot-dwn{padding:80px 0 124px;position:relative;overflow:hidden;width:100%;float:left;text-align:center;background:url(https://www.manageengine.cn/ad-recovery-manager/images/exchange-backup-solution-home-bot.png) center bottom no-repeat;background-size:803px;background-position:176px 197px}
.foot-dwn h2{font-size:30px;font-weight:400;margin-bottom:30px;line-height:36px}
.foot-dwn h2 b{font-weight:700}
.foot-dwn ul{margin:0 auto;display:table}
.foot-dwn ul li{margin:0 10px;float:left;position:relative;}
.foot-dwn ul li a{background:#da1313;color:#fff;padding:12px 50px;display:inline-block;border-radius:2px;font-size:18px;font-weight:600}
.foot-dwn ul li span{font-size: 12px;color: #656464;font-weight: 600;position: absolute;left: 30%;top: 48px;}
.foot-dwn ul li:nth-child(1) a{background:#6a93b3}
.foot-dwn ul li:nth-child(1) a:hover{background:#507694}
.foot-dwn ul li:nth-child(2) a:hover{background:#c10f0f}
.foot-dwn ul li a span{font-size:12px;color:#3e3d3d;font-weight:600}
.head-s5 h2{font-size:32px;font-weight:700;line-height:40px;text-align:center;margin-bottom:120px}
.head-s5 h2 span{font-size:32px;font-weight:300;line-height:48px;display:block}
.h-tab{height:800px}
.h-tab ul{margin:0 auto;display:table;width:85%}
.h-tab ul li{float:left;width:20%;text-align:center}
.h-tab ul li div{cursor:pointer}
.h-tab ul li .ic:before{content:'';position:absolute;transition:all .5s ease-in-out;width:49px;height:59px;background:url(https://www.manageengine.cn/ad-recovery-manager/images/exchange-restore-deleted-mailbox-sprite.png) no-repeat -373px 1px;background-size:580px;margin:-73px 0 0 -31px}
.h-tab ul li:nth-child(2) .ic:before{background-position:-443px -5px;width:78px;margin:-73px 0 0 -41px}
.h-tab ul li:nth-child(3) .ic:before{background-position:-528px 1px;width:52px;margin:-73px 0 0 -26px}
.h-tab ul li:nth-child(2) .tact:before{background-position:-443px -76px}
.h-tab ul li:nth-child(3) .ic.tact:before{background-position:-528px -72px}
.h-tab ul li:nth-child(4) .ic:before{background-position:-372px -148px;width:58px;margin:-73px 0 0 -27px}
.h-tab ul li:nth-child(4) .tact:before{background-position:-372px -208px}
.h-tab ul li:nth-child(5) .ic:before{background-position:-450px -148px;width:58px;margin:-73px 0 0 -29px}
.h-tab ul li:nth-child(5) .tact:before{background-position:-450px -209px}
.h-tab ul li div h4{font-weight:600;font-size:16px;margin-bottom:0;padding-bottom:20px}
.h-tab ul li div h4 span{font-weight:400;font-size:14px;display:block;line-height:22px;margin-top:14px}
.h-tab ul li div img{opacity:0;position:absolute;width:100%;left:0;margin-top:35px;transition:all .5s ease-in-out;transform:translateX(-20px);z-index:0;cursor:default}
.h-tab ul li .tact{border-bottom:4px solid #2885db}
.h-tab ul:before{content:'';position:absolute;width:100%;height:1px;background:#e8e8e8;left:0;margin-top:80px}
.h-tab ul li .tact img{opacity:1;transition:all .5s ease-in-out;transform:translateX(0px);z-index:8}
.h-tab ul li .tact:before{transition:all .5s ease-in-out;background-position:-373px -72px}
.tip{position:absolute;z-index:9;display:none}
.h-tab ul li .tact .tip{display:block;cursor:auto}
.tip1{margin:113px 0 0 -130px}
.tip2{margin:277px 0 0 -111px}
.tip3{margin:147px 0 0 -260px}
.tip4{margin:-53px 0 0 -260px}
.tip5{margin:175px 0 0 -360px}
.tip6{margin:-51px 0 0 -360px}
.tip7{margin:152px 0 0 315px}
.tip8{margin:-7px 0 0 218px}
.tip10{margin:84px 0 0 80px}
.tip11{margin:129px 0 0 449px}
.tip12{margin:138px 0 0 349px}
.tip13{margin:-79px 0 0 561px}
.tip7 .tip-tool{margin:-25px 0 0 -270px}
.tip7 .tip-tool:before{left:auto;right:-7px;transform:rotate(180deg)}
.tip12 .tip-tool{margin:-25px 0 0 -270px}
.tip12 .tip-tool:before{left:auto;right:-7px;transform:rotate(180deg)}
.tip-com span{width:20px;height:20px;background:#f8cf51;display:block;text-align:center;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;line-height:20px}
.tip-com div{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.tip-tool{background:#3f3f3f;color:#fff;padding:12px 24px 15px;border-radius:2px;width:255px;margin:-25px 0 0 34px;box-shadow:1px 1px 6px 0 rgba(0,0,0,0.6);position:relative;transform:scale(0.9);opacity:0}
.tipshow{transform:scale(1);opacity:1}
.tip-tool h5{font-size:15px;margin-bottom:4px;font-weight:500;color:#fff;text-align:left}
.tip-tool p{margin:0;font-size:13px;line-height:18px;color:#efefef;text-align:left}
.tip-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:5px;left:-6px}
.tip-com span{position:relative;box-shadow:0 0 0 0 #f9d45c;animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1)}
.tip-com span:hover{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation: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)}
}
.close{position:absolute;right:8px;top:8px;width:12px;height:12px;opacity:.3;cursor:pointer}
.close:hover{opacity:1}
.close:before,.close:after{position:absolute;left:5px;content:' ';height:12px;width:2px;background-color:#fff}
.close:before{transform:rotate(45deg)}
.close:after{transform:rotate(-45deg)}
@media screen and (max-width:1100px) {
.as-container{max-width:90%}
.head-s1{text-align:center}
.head-s2{margin:30px 0 60px;background:#fff;padding:30px;border-radius:5px;text-align:center;box-shadow:0 24px 35px -25px #181d2130}
.h-tab{height:720px}
.mob-hide,.head-s1 div:after{display:none}
}
@media screen and (max-width:992px) {
.h-tab{height:680px}
.h-tab ul li .tact .tip{display:none}
}
@media screen and (max-width:767px) {
.head-s3 div{width:100%}
.head-s3 div:nth-child(1){margin-right:0;margin-bottom:40px}
.head-s3 div:nth-child(2){margin-left:0}
.rmp-why-com{width:50%}
.rmp-why-com.rmp-why-3{width:100%}
.rmp-why-3 .rmp-why-line-out{width:50%;float:left}
.rmp-why-com.rmp-why-3 .rmp-why-line-out{width:100%}
.foot-dwn{padding:20px 0 80px}
.top-ban{padding:60px 0 40px}
.head-s1 div p{font-size:20px;line-height:28px}
.head-s3 div h4{line-height:26px}
.h-tab{height:auto}
.h-tab ul li{border:1px solid #e6e6e6;width:100%;margin-bottom:30px}
.h-tab ul:before{display:none}
.h-tab ul li div{padding-top:100px}
.h-tab ul li div img{display:none;position:relative;width:100%}
.h-tab ul li .tact img{display:block}
.head-s5 h2{margin-bottom:70px}
.h-tab ul li:last-child{margin-bottom:50px}
.head-s1 div h1{font-size:30px}
.head-s5 h2{font-size:26px;line-height:32px}
.head-s5 h2 span{font-size:26px;line-height:32px}
}
@media screen and (max-width:550px) {
.rmp-why-com{width:100%}
}
@media screen and (max-width:480px) {
.foot-dwn ul li{margin:0 10px 10px;width:100%}
.foot-dwn{padding:20px 0 40px}
.foot-dwn ul li a{display:block}
.foot-dwn ul li span{position:relative;margin:0;display:block;text-align:center}
}
