.svg-wrap .ce-svg{fill: #cdeffa;stroke: #11A0F0;transition: all ease-in-out 0.2s;}
.svg-wrap:hover .ce-svg{fill: #fff;stroke: rgba(255,255,255,0.68);}
.svg-wrap .ce-stroke{stroke: #11A0F0;fill:none;transition: all ease-in-out 0.2s;}
.svg-wrap:hover .ce-stroke{stroke: rgba(255,255,255,0.68);}
.svg-wrap .ce-fill-a{stroke: none;fill:#11A0F0;transition: all ease-in-out 0.2s;}
.svg-wrap:hover .ce-fill-a{fill:rgba(255,255,255,0.68);}
.svg-wrap .ce-fill-b{stroke: none;fill:#cdeffa;transition: all ease-in-out 0.2s;}
.svg-wrap:hover .ce-fill-b{fill: #fff;}


#contact-banner{background:#11A0F0 url(https://www.any-data-recovery.com/style/images/contact-bg.jpg) no-repeat center top;color: #FFF;text-align: center;position: relative;padding: 156px 0 260px;background-size: cover;}
#contact-banner::after{background:rgba(7, 176, 227,0.86);content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;}
#contact-banner .container{z-index: 1;}
#contact-banner .title{font-size: 48px;}
#contact-banner.terms-banner{background-image: url(https://www.any-data-recovery.com/style/images/privacy-bg.jpg);padding: 156px 0 100px;margin-bottom: 60px;}
#contact-banner.terms-banner .title{margin-bottom: 10px;}
#contact-banner.terms-banner .tip{max-width: 600px;margin: 0 auto;font-size: 20px;}

#contact-nav{transform: translateY(-50%);}
#contact-nav svg{margin-bottom: 20px;}
#contact-nav svg path{transition: all linear 0.2s;}
#contact-nav .cell{background: #FFFFFF; box-shadow: 0 15px 30px 0 rgba(0,0,0,0.10); border-radius: 8px;text-align: center;padding: 40px 2% 55px;transition: all ease 0.4s;width: 30%;}
#contact-nav .cell:hover{transform: translateY(-10px);background-color: #11A0F0;color: #fff;}
#contact-nav .sub{font-size: 18px;font-weight: 700;margin-bottom: 10px;}

#contact-cont .sub{font-size: 24px;margin-bottom: 20px;position: relative;padding-left: 20px;}
#contact-cont .sub::after{content: '';background-color: #11A0F0;width: 6px;height: 24px;position: absolute;left: 0;top:5px;}
#contact-cont .cell{margin-bottom: 60px;}
#contact-cont .cell p{color: #555;padding-left: 20px;margin: 20px 0;}
#contact-cont .cell picture,#contact-cont .cell ul{padding-left: 20px;}

#support-banner{text-align: center;color: #FFF;padding: 140px 0 220px;}
#support-banner .title{font-size: 40px;margin-bottom: 10px;}
#support-banner .tip{font-size: 20px;}
#support-banner form{width: 60%;margin: 60px auto 0;position: relative;}
#support-banner form input[type="text"]{width: 100%;border-radius: 50px;border: none;line-height: 56px;height: 56px;padding: 0 40px;font-size: 20px;}
#support-banner form svg{position: absolute;right: 15px;top:50%;color: #555;transform: translateY(-50%);transition: all linear 0.2s;}
#support-banner form input[type="submit"]{position: absolute;right: 0;top:0;height: 56px;border-radius: 50%;opacity: 0;z-index: 1;width: 56px;}
#support-banner form input[type="submit"]:hover + svg{color: #11A0F0;}
#support-nav{transform: translateY(-50%);margin-bottom: -40px;}
#support-nav svg{margin-bottom: 20px;}
#support-nav .cell{background: #fff; box-shadow: 0 15px 30px 0 rgba(0,0,0,0.1); border-radius: 8px;text-align: center;padding: 40px 2% 55px;transition: all ease 0.4s;width: 23%;}
#support-nav .cell:hover{transform: translateY(-10px);color: #fff;background: #11A0F0;box-shadow: 0 -15px 30px 0 rgba(0,0,0,0.1);}
#support-nav .sub{font-size: 18px;font-weight: 700;margin-bottom: 10px;}
#support-nav .cell ul{padding: 10px;}
#support-nav .cell ul li:not(:last-child){margin-bottom: 10px;}
#support-nav .cell:hover li a{color: #fff;}
#support-nav .cell.actived{color: #fff;background: #11A0F0;box-shadow: 0 -15px 30px 0 rgba(0,0,0,0.1);}
#support-nav .cell.actived .ce-fill-a{stroke: #ffffff;fill:#ffffff;}
#support-nav .cell.actived .ce-fill-b{stroke: #ffffff;fill:#ffffff;}

#support-cont .title{font-size: 24px;text-align: center;margin-bottom: 30px;}
#support-cont .cont .cell{width: 25%;margin-bottom: 30px;padding: 8px 2%;color: #555;}
#support-cont .cont .cell svg{margin-right: 10px;}
#support-cont .cont .cell:hover{background-color: #f6f6f6;}

#popular-arc{padding: 50px 0 100px;margin-top: 50px;}
#popular-arc .title{font-size: 24px;margin-bottom: 40px;}
#popular-arc .sub{font-weight: 700;padding: 20px 30px;border-bottom: 2px solid #E7E7E7;font-size: 18px;}
#popular-arc .cell{background: #fff; box-shadow: 0 15px 30px 0 rgba(45,45,45,0.10); border-radius: 8px;width: 32%;}
#popular-arc ul{padding: 0 30px 10px;}

#order-faq{padding-bottom: 50px;}
#order-faq .cell{margin-bottom: 30px;color: #555;}
#order-faq summary{padding: 10px;background: #f6f6f6;transition: all ease 0.4s;display: block;font-size: 18px;}
#order-faq summary:hover{background: #11A0F0;color: #fff;}
#order-faq details p,#order-faq details ul,#order-faq details h5{padding: 10px 20px;background: #f5f5f5;display: block;margin: 0;}
#order-faq details[open] summary{background: #11A0F0;color: #fff;}

#about-cont{padding-bottom: 80px;}
#about-cont .title{font-size: 36px;margin-bottom: 42px;}
#about-cont p{margin-bottom: 30px;color: #555;}
#about-cont .lft{width: 45%;}
#about-cont .rgt{max-width: 500px;filter: grayscale(100%);}

#join-us{padding: 80px 0;}
#join-us .title{font-size: 36px;margin-bottom: 40px;}
#join-us .cell{background: #FFFFFF; box-shadow: 0 15px 30px 0 rgba(0,0,0,0.10); border-radius: 8px;overflow: hidden;width: 560px}
#join-us .cell p{font-size: 18px;color: #555;padding: 30px 0;}

#common-banner{padding: 116px 0 252px; text-align: center; color: #fff;}
#common-banner .title{font-size: 40px;}
#common-banner .tip{font-size: 18px;margin-top:14px;}

#common-cont .com-shadow{box-shadow: 0 0 10px rgba(0,0,0,.2)}
#common-cont{margin-top: -168px;}
#common-cont .guild-arc{background: #fff; box-shadow: 0 15px 30px 0 rgba(0,0,0,.10); position: relative;}
#common-cont .guild-arc:before{content: ""; position: absolute; left: 0; top: 0; width: 23.333%; height: 100%; box-shadow: 15px 0 30px 0 rgba(0,0,0,.05);}
#common-cont .guild-arc .sidebar{width: 23.333%; position: -webkit-sticky; position: sticky; top: 60px;;}
#common-cont .guild-arc .sidebar .title{padding: 18px 26px; border-bottom: 1px solid #e7e7e7; font-size: 20px;}
#common-cont .guild-arc .sidebar>ul>li>a{display: block; padding: 20px 26px; border-left: 0px solid transparent;}
#common-cont .guild-arc .sidebar>ul>li>a:hover,#common-cont .guild-arc .sidebar>ul>li.actived>a{border-left-color: #FC7803; background: #eeeeee;border-left-width:4px;color:#FC7803;}
#common-cont .guild-arc .sidebar>ul>li>ul{display: none;}
#common-cont .guild-arc .sidebar>ul>li.actived>ul{display:block;}
#common-cont .guild-arc .sidebar>ul>li>ul a{padding:0 0 15px 10px;font-size:14px;display:block;color: #555;position: relative;}
#common-cont .guild-arc .sidebar>ul>li>ul li:last-child a:after{content: unset}
#common-cont .guild-arc .sidebar>ul>li>ul a:after{content: '';width: 1px;height: 100%;border: 1px dashed rgba(42,46,74, 0.1);position: absolute;left: -2px;top: 5px;}
#common-cont .guild-arc .sidebar>ul>li>ul a:before{content:'';width:8px;height:8px;border:2px solid #11a0f0;border-radius:50%;position:absolute;left:-5px;top:3px;background-color:#f8f8f8}
#common-cont .guild-arc .sidebar>ul>li>ul a.actived{color: #FC7803}
#common-cont .guild-arc .sidebar>ul>li>ul a.actived:before{background-color: #FC7803;border-color: #FC7803;}
#common-cont .guild-arc .sidebar>ul>li>ul a:hover:before{background-color: #fc7803b5;border-color: #fc7803b5;}
#common-cont .guild-arc .sidebar>ul>li>ul a:hover{color: #fc7803b5;}
#common-cont .guild-arc .sidebar .parts{padding: 15px;background: #f8f8f8;}
#common-cont .guild-arc .rgt{padding: 60px 5%; width: 76.667%;}
#common-cont .guild-arc .rgt > *:first-child{margin-top:0;}
#common-cont .guild-arc .rgt > *:last-child{margin-bottom:0;}
#common-cont .guild-arc .how-to-use h2{font-size: 28px;font-weight: 400;padding: 50px 0 0;margin: 50px 0 30px;border-top: 1px dashed #EAEAEA;}
#common-cont .guild-arc .how-to-use p{margin: 20px 0; color: #555;}
#common-cont .guild-arc .how-to-use p.note{padding: 20px;background: #f6f6f6; margin: 30px 0 20px;}
#common-cont .guild-arc .how-to-use a{color:#11A0F0;}
#common-cont .guild-arc .how-to-use picture{margin:20px 0;}
#common-cont .guild-arc .tech-spec h2{margin:80px 0 30px;padding-bottom:20px;border-bottom:1px dashed #dbdbdb;font-size:28px;font-weight:400;}
#common-cont .guild-arc .tech-spec p{margin:20px 0;color: #2A2A2A;}
#common-cont .guild-arc .tech-spec dl{margin:30px 0 20px;}
#common-cont .guild-arc .tech-spec dt{margin:10px 0;font-weight:700;}
#common-cont .guild-arc .tech-spec dd{margin:10px 0;font-size:14px;color: #555;}
#common-cont .guild-arc .tech-spec .list-dot{margin:0;font-size:14px;color:#555;}

#common-cont .reviews{padding: 60px 5%; background: #fff; box-shadow: 0 15px 30px 0 rgba(0,0,0,.10);}
#common-cont .reviews .top{margin-bottom:40px;}
#common-cont .reviews .cell{margin-bottom: 40px; display: flex; justify-content: space-between;}
#common-cont .reviews .views{text-align: center;}
#common-cont .reviews .views.lft{width:16.667%; margin: 8px 40px 0 0;}
#common-cont .reviews .views-author{margin-bottom: 10px;}
#common-cont .reviews .views-total{color: #555; opacity: .9; text-align: right; margin-bottom: 6px}
#common-cont .reviews .views-star{color:#FC7803;font-size: 0;}
#common-cont .reviews .views-star svg.actived{fill:none;stroke:currentColor;}
#common-cont .reviews .avgstar {position: absolute; overflow: hidden; top: 0; height: 26px; }
#common-cont .reviews .avgstar span{position: absolute;left: 0;}

#common-cont .reviews .views-time{font-size: 14px; color: #555; margin-top: 2px;}
#common-cont .reviews .top .btn{margin:0 0 0 20px;box-shadow:0 15px 30px 0 rgba(0,0,0,.1);}
#common-cont .reviews .say{width: 79.630%; padding: 30px 4.630% 30px 2.778%; background: #f6f6f6; border-radius: 8px; position: relative;}
#common-cont .reviews .say:before{content: ""; position: absolute; border-left: none; border-right: 20px solid #f6f6f6; border-top: 20px solid transparent; border-bottom: 20px solid transparent; top: 23px; left: -20px;}
#common-cont .reviews .say .sub{color: #000; margin-bottom: 10px; font-weight: 700;}
#common-cont .reviews .say p{color: #555;}
#review-form{visibility:hidden;transform: scaleY(0);height: 0;padding: 0;transition: all ease-in-out 0.4s;opacity: 0;transform-origin: center top;}
#review-form.actived{padding: 32px 0 100px;transform: scaleY(1);height: 100%;visibility: visible;opacity: 1;}
#review-form .title{font-size: 24px;margin-bottom: 10px;}
#review-form .tip{color: #777;margin-bottom: 40px;}
#review-form .sub{margin: 25px 0 15px;}
#review-form .rating li{position: relative;cursor: pointer;color: #777;}
#review-form .rating li.actived{color: #FC7803;}
#review-form .input{border: 1px solid #E9E9E9;width: 100%;padding: 0 10px;line-height: 42px;}
#review-form .captcha{border: 1px solid #E9E9E9;width: 120px;padding: 0 10px;margin-right: 10px;}
#review-form .captcha-pic{cursor: pointer;}
#review-form .btns{margin: 20px 0;}
#review-form .btn{box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);}
#review-form .btn:disabled{opacity: 0.6;cursor: not-allowed;}
#review-form .note{padding: 20px;color: #777;margin-top: 20px;}
#review-form .sub-ce{border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px;}
#review-form .r-title{font-weight: 700;margin-right: 20px;}
#review-form .r-name{margin-right: 10px;padding-right: 10px;border-right: 1px solid #ccc;}
#review-form .aft .star svg.actived{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
#review-form .aft .close-btn{margin-top: 20px;}

#nav-link{margin-bottom: 40px;color:#555;}
#nav-link li{margin-right:5px;}

#top-banner{padding:136px 0 80px;}
#top-banner .com-block{padding:0;}
#top-banner .com-title{margin:20px auto 10px;}
#top-banner .com-tip{margin:0 auto;font-size:20px;line-height:1.15;}
#top-banner .com-tip a:hover{color:inherit;}
#top-banner .save-up{padding:40px 5%;margin:50px 10px 80px;background:#fff;box-shadow:0 15px 30px 0 rgba(0,0,0,.1);border-radius:8px;}
#top-banner .save-up .tip{padding-bottom:40px;}
#top-banner .save-up .text-yellow{color:#FC7803;}
#top-banner .save-up .cell{width:220px;}
#top-banner .save-up .cell picture{width:134px;margin:0 auto;}
#top-banner .save-up .cell .pri{margin:20px 0 10px;}
#top-banner .save-up .cell .pri .new{font-size:24px;color:#FC7803;}
#top-banner .save-up .cell .pri .old{color:#555;text-decoration:line-through;}
#top-banner .save-up .cell p{color:#555;}
#top-banner .save-up .add, #top-banner .save-up .equal{position:relative;width:140px;height:140px;font-size:0;}
#top-banner .save-up .add:before{position:relative;content:"";display:inline-block;width:60px;height:10px;background:#D8D8D8;top:50%;transform:translateY(-50%);}
#top-banner .save-up .add:after{position:absolute;content:"";width:10px;height:60px;background:#D8D8D8;left:50%;top:50%;transform:translate(-50%,-50%);}
#top-banner .save-up .equal:before, #top-banner .save-up .equal:after{position:relative;content:"";display:inline-block;width:60px;height:10px;background:#D8D8D8;top:calc(50% - 15px);}
#top-banner .save-up .equal:after{display:block;margin:10px auto 0;}
#top-banner .save-up .result{width:280px;font-size:24px;color:#555;margin:0 auto;}
#top-banner .save-up .result .text-yellow{font-size:30px;}
#top-banner .save-up .result .del{font-size:18px;text-decoration:line-through;font-weight:400;}
#top-banner .save-up .result .btn{margin-top:30px;}
#top-banner .tab{margin:80px 0 -80px;}
#top-banner .tab li{background:#034F65;color:#fff;padding-top:20px;border-radius:8px 8px 0 0;font-size:20px;font-weight:700;width:280px;height:64px;line-height:1.2;transition:all .2s ease;}
#top-banner .tab li:first-child{margin-right:3.33%;}
#top-banner .tab li:hover{cursor:pointer;background:#fff;color:#222;}
#top-banner .tab li.actived{background:#fff;color:#222;}

#start-step{padding:80px 0;}
#start-step .cell{padding:0 8.2% 40px;margin-bottom:40px;border-bottom:9px dotted #E7E7E7;}
#start-step .cell:last-child{padding:0 8.2%;margin-bottom:0;border-bottom:none;}
#start-step .cell picture{width:300px;flex-shrink:0;}
#start-step .cell picture img, #start-step .cell picture source{box-shadow:0 15px 30px 0 rgba(0,0,0,.1);}
#start-step .cell .txt{position:relative;padding-left:80px;margin-left:10%;}
#start-step .cell .txt:before{content:attr(data-num);position:absolute;top:0;left:0;display:inline-block;background:#11A0F0;width:50px;height:50px;line-height:50px;text-align:center;font-size:30px;color:#fff;font-weight:700;border-radius:50%;}
#start-step .cell .title{font-size:18px;line-height:50px;}
#start-step .cell p{color:#555;margin-bottom:8px;}
#start-step .cell .more{display:block;margin-top:20px;color:#11A0F0;text-decoration:underline;}

#more-product{padding:80px 0;}
#more-product .title{font-size:36px;}
#more-product .cont .cell{width:48.75%; margin-top:85px;}
#more-product .cont .pic{position:relative;width:134px;margin:0 8.5% 10px 0;flex-shrink:0;}
#more-product .cont .pic .sale{position:absolute;width:64px;height:64px;line-height:1;padding-top:16px;right:-29px;top:-24px;background:#F8E232;border-radius:50%;color:#000;text-align:center;}
#more-product .cont .pic .sale .percent{font-size:20px;}
#more-product .cont .txt{max-width:400px;}
#more-product .cont .sub{margin-bottom:10px;font-size:18px;font-weight:700;}
#more-product .cont .sup{margin-bottom:10px;color:#555;}
#more-product .cont .pri{margin-bottom:20px;}
#more-product .cont .pri .new{font-size:24px;color:#FC7803;}
#more-product .cont .pri .old{color:#555;text-decoration:line-through;}
#more-product .cont .btn{margin:0;}

#search-banner{background: #f5f5f5 url("https://www.any-data-recovery.com/style/images/bottom-banner.jpg") no-repeat center top /cover;padding: 120px 0 95px;}
#search-banner .title{font-size: 36px;margin-bottom: 60px;}
#search-banner form{margin-bottom: 20px;}
#search-banner input[type="text"]{border: 2px solid #777777;background: none;height:70px;line-height: 66px;padding: 0 2%;font-size: 22px;width: 60%;font-weight: 700;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
#search-banner input[type="text"]:focus:invalid{box-shadow: none;border-color: #0057ff;}
#search-banner input[type="submit"]{border-top-right-radius: 3px;border-bottom-right-radius: 3px;font-size: 22px;background: #0057ff;color: #FFF;border: 2px solid #0057ff;width: 165px;line-height: 66px;font-weight: 700;margin-left: -2px;}
#search-banner .hot-search a{margin-left: 10px;text-decoration: underline;}
#search-cont{padding: 40px 0;}
#search-cont .lft{width: 70%;}
#search-cont .rgt{width: 28%;}
#search-cont .rgt .sub{font-size: 24px;border-bottom: 2px solid #DCD5CF;padding-bottom: 10px;font-weight: 700;}
#search-cont .rgt .cell{background: #FFF;box-shadow: 0 5px 46px 0 rgba(68,4,4,0.13);padding: 20px 24px 38px;}
#search-cont .rgt .cell:not(:first-child){margin-top: 20px;}
#search-cont .rgt .cell ul{width: 100%;}
#search-cont .rgt li{color: #777;}

#why-choice{padding:80px 0;}
#why-choice .title{font-size:36px;margin-bottom:60px;}
#why-choice .cell{width:22%;}
#why-choice .sub{font-weight:700;margin:20px 0 10px;font-size: 18px;}
#why-choice .desc{color:#555;}



@media (max-width: 960px){
  #start-step .switch-cont .cell{flex-direction:column;align-items:center;}
  #join-us .cell:nth-child(2){margin-top:20px;}
  
}
@media (max-width: 769px){
  #more-product .cont .cell{width:100%;justify-content:center;}
  #top-banner .save-up .cont{flex-direction:column;}
  #top-banner .switch-tab li{font-size:calc(16px + .2vw)}
  #start-step .cell{flex-direction:column;align-items:center;}
  #start-step .cell .txt{padding:50px 0 0 0;margin:5% 0 0 0;}
  #start-step .cell .txt:before{left:50%;transform:translateX(-50%);}
  #start-step .switch-cont .cell .txt{padding:80px 0 0;}
  #start-step .switch-cont .cell .txt:before{left:calc(50% - 30px);}
  #more-product .cont .cell{flex-direction:column;align-items:center;text-align:center;}
  
  #contact-banner,#contact-banner{height: 0px;}
  #support-nav{margin-top:400px;}
  #contact-nav{margin-top:300px;}
  #support-nav .cell,#contact-nav .cell,#popular-arc .cell {margin-bottom:10px;}
  #about-cont,#order-faq,#contact-cont,#support-cont {margin-top:-350px;}
  #about-cont .lft，#popular-arc{padding-bottom: 20px;}

  #common-cont .guild-arc .sidebar{position: static;box-shadow: 0 15px 30px 0 rgba(0,0,0,0.10);}
  #common-cont .guild-arc:before{display: none}

  #common-cont .reviews .cell{flex-direction: column;}
  #common-cont .reviews .views.lft{width:100%;text-align: left}
  #common-cont .reviews .say{width:100%;padding: 20px;margin-top: 10px}
  #common-cont .reviews .say:before{display: none}
  #common-cont .reviews .top .btn{font-size: 15px;padding:10px}
}

@media (max-width: 560px){
  #join-us .cell{
    width: 100%;
  }
}