h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em,
th,
p,
a,
li,
td,
b,
div {
    font: 400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";
    color: #333;
}

html {
    font: 400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: none;
    line-height: 1.2;
    color: #333;
    font-size: 10px;
}

body {
    position: relative;
}
img{vertical-align: bottom;}
.pw1400 {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.wrap {
    background: linear-gradient(180deg, rgba(35, 117, 255, 0.20) -1.6%, rgba(244, 248, 253, 0.00) 100%);
    
    padding: 110px 0 85px;
}
.wrap.au{background: url(https://imobie-resource.com/en/anyunlock/thankyou/img/au-thk-download-bannerbg.png) no-repeat;background-size: cover; background-position: center bottom;

  padding: 60px 0 45px;
}
.wrap.dk{background: url(https://imobie-resource.com/en/droidkit/thankyou/img/dk-thk-download-bannerbg.png) no-repeat;background-size: cover; background-position: center bottom;

    padding: 60px 0 45px;
  }
.wrap.ati{background: url(https://imobie-resource.com/en/anytrans/thankyou/img/ati-thk-download-bannerbg.png) no-repeat;background-size: cover; background-position: center bottom;

    padding: 60px 0 45px;}
.main {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(33, 33, 33, 0.4);
}

.main .tips {
    position: fixed;
    top: 285px;
    right: 180px;
}

.main .tips1 {
    position: fixed;
    bottom: 350px;
    left: 90px;
}

.main .step {
    border-radius: 22.105px;
    background: #FFF;
    box-shadow: 0px 7.895px 39.474px 0px rgba(0, 0, 0, 0.20);
    max-width: 375px;
    width: 100%;
    padding: 24px;
    box-sizing: border-box;
}

.main .step li {
    border-radius: 10px;
    background: rgba(35, 117, 255, 0.10);
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.main .step li:last-child {
    margin-bottom: 0;
}

.main .step p {
    margin-bottom: 15px;
}

.main .step p span {
    color: #000;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle;
}

.main .step p img {
    vertical-align: middle;
}

.none {
    display: none;
}

.title {
    text-align: center;
}

.title h1 {
    color: #000;
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: 700;
}

.title p {
    color: #000;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;margin-top: 14px;
}

.title p a {
    color: #2375FF;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
}

.title p a svg {
    vertical-align: middle;
}

.tips_box{max-width: 1506px;margin: 0 auto 0;width: 94%;}



.content {
    margin-top: 80px;
    position: relative;
    display: flex;
    justify-content: space-between;
   
}

.content-item{
  padding: 24px 26px;box-sizing: border-box;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(2px);
  width: 32%;
  max-width: 482px;
  height: 424px;box-sizing: border-box;
  position: relative;
  padding-bottom: 19%;


}
.content-item::after{content: "1";position: absolute;color: #DEF6F2;
  font-size: 120px;right: 35px;top: -64px;font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  }

  .content-item:nth-child(1)::after{content: "1";}
  .content-item:nth-child(2)::after{content: "2";color: #DDF1F9;}
  .content-item:nth-child(3)::after{content: "3";}

  .dk .content-item:nth-child(1)::after{color: #E6F4E7;}
  .dk .content-item:nth-child(2)::after{color: #DEF6F2;}
  .dk .content-item:nth-child(3)::after{color: #E6F4E7;}
  .ati .content-item:nth-child(1)::after{color: #ECF8FF;}
  .ati .content-item:nth-child(2)::after{color: #ECF8FF;}
  .ati .content-item:nth-child(3)::after{color: #ECF8FF;}




.content-item h4{color: #000;

  font-size: 26px;

  font-weight: 600;
  }
.content-item p{color: #333;
margin: 15px auto;
  font-size: 16px;
  }
.content-item a{color: #2375FF;text-decoration: none;
  font-size: 16px;}

  .content-item .content-item-img{position: absolute;width: 90%;max-width: 430px; bottom: 24px;left: 50%;transform: translateX(-50%);}
  .content-item img{vertical-align: bottom;width: 100%;}


  .confidence-box{margin-top: 40px;display: flex;text-align: center; align-items: center;justify-content: center;}
  .confidence-box p{color: #636363;
    
    font-size: 18px;
    font-weight: 600;margin:20px;
    }
    .confidence-box img{vertical-align: bottom;max-width: 100%;}

   
.prodcut_show_box{margin-top: 100px;}

.recommend_box{width: 94%;max-width: 1350px;margin: 100px auto;}
.container h2{color: #333;
  text-align: center;
 
  font-size: 32px;
  
  font-weight: 600;
  }
  .recommend_box .recommend_cont{text-align: center; margin-top: 50px;display: flex;justify-content: space-between; flex-flow: wrap;}

  .recommend_cont .recommend_item{width: 16%;max-width: 200px;}
  .recommend_cont img{max-width: 100%;}

  


.prodcut_box{max-width: 1350px;width: 90%;margin: 86px auto 70px; padding-bottom: 110px;position:relative; }

.prodcut_box .prodcut_cont{overflow: hidden;}

.prodcut_box .prodcut_pagination{position: absolute;width: auto;justify-content: center;
  padding: 15px 25px;box-sizing: border-box;border-radius: 36px;line-height: 10px;
  background: #EBEBEB;
  display: flex;left: 50%;bottom: 0;transform: translateX(-50%);display: inline-block;vertical-align: bottom; }

  .prodcut_box .prodcut_pagination span{vertical-align: bottom;border-radius: 45px;margin: 0 10px;
    background: #B1B1B1;width: 10px;height: 10px;border-radius: 10px;transition: .3s;opacity: 1; }
  .prodcut_box .prodcut_pagination span.swiper-pagination-bullet-active{width: 37.5px;background: rgba(129, 129, 129);}
  

.prodcut_cont .prodcut_item{border-radius: 10px;text-align: center; height: 268px;display: flex;flex-flow: column;justify-content: center;
  border: 1px solid #EDEDED;padding: 30px 20px;box-sizing: border-box;}

  
  .prodcut_item h4{color: #000;
    font-size: 22px;
    margin: 15px auto;
    font-weight: 600;
    }
  .prodcut_item p{color: #000;
    font-size: 14px;
    }




.prodcut_button-prev,
.prodcut_button-next{position: absolute;cursor: pointer; width: 50px;height: 50px;border-radius: 50%;background: rgba(184, 184, 184, 0.40);
  display: flex;align-items: center;justify-content: center;transition: .3s;  top: calc(50% - 55px) ;}

.prodcut_button-prev::after,
.prodcut_button-next::after{content: "\e802";font-family: "iconfont";
  display: inline-block;font-size: 26px;transition: .3s;
  font-weight: 900;
  color: rgba(111, 111, 111, 0.50);transform: translate(3px,.5px);
  vertical-align: middle;}

  .prodcut_button-prev{left:-100px;transform: translateY(-50%) rotateZ(180deg);}
  .prodcut_button-next{right:-100px;transform: translateY(-50%) rotateZ(0deg);}
  .prodcut_button-next:hover,
  .prodcut_button-prev:hover{background: #B8B8B8;}
  .prodcut_button-next:hover::after,
  .prodcut_button-prev:hover::after{color: #4B4B4B;}

  
.win,
.mac {
    display: none;
}

.package_box {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    background: #FFF;
    padding: 7px;
}

.main .step .package_box p {
    margin-bottom: 0;
}

.down_windows {
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF2F2;
    padding: 2px 8px 6px;
}

.down_mac {
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF2F2;
    padding: 2px 8px 6px;
}

.package_box em {
    color: #000;
    font-family: "Open Sans";
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    max-width: 220px;
}


.tips figure {
    display: inline-block;
    position: absolute;
    top: -55%;
    right: -20px;
    animation: downfloat 1.5s infinite ease-in-out;
    -webkit-animation: downfloat 1.5s infinite ease-in-out;
}


.tips1 figure {
    display: inline-block;
    position: absolute;
    bottom: -270%;
    left: 115px;
    transform: rotateX(180deg) rotateY(180deg);
    animation: downfloat1 1.5s infinite ease-in-out;
    -webkit-animation: downfloat1 1.5s infinite ease-in-out;
}

.tips1 .tips1_box {
    border-radius: 22.4px;
    background: #FFF;
    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.20);
    padding: 17px 27px 17px 75px;
}
.tips1 .tips1_box img{top: 50%;transform: translateY(-50%);left: -25%;}
.tips1 .tips1_box p {
    color: #333;
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@keyframes downfloat {
    0% {
        transform: translateY(-20px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes downfloat1 {
    0% {
        transform: translateY(20px) rotateX(180deg) rotateY(180deg);
    }

    50% {
        transform: translateY(10px) rotateX(180deg) rotateY(180deg);
    }

    100% {
        transform: translateY(20px) rotateX(180deg) rotateY(180deg);
    }
}

@keyframes svgTracePath {
    0% {
        stroke-dasharray: var(--length);
        stroke-dashoffset: var(--length);
    }

    100% {
        stroke-dashoffset: 0px;
    }
}

@media screen and (max-width: 1600px) {
  
  
  .prodcut_button-prev{left:-60px;transform: translateY(-50%) rotateZ(180deg);}
  .prodcut_button-next{right:-60px;transform: translateY(-50%) rotateZ(0deg);}


}

@media screen and (max-width: 1440px) {
  .content-item{height: auto;}

    

    .content {
        margin-top: 40px;
    }
}
@media screen and (max-width: 1400px) {
  
  .prodcut_button-prev::after, .prodcut_button-next::after{font-size: 21px;transform: translate(1px, .5px);}
  .prodcut_button-prev{width: 40px;height: 40px; left:-45px;transform: translateY(-50%) rotateZ(180deg);}
  .prodcut_button-next{width: 40px;height: 40px; right:-45px;transform: translateY(-50%) rotateZ(0deg);}
}
@media screen and (max-width: 1200px) {

  /* .recommend_cont .recommend_item{width: 33%;max-width: none;} */

}
@media screen and (max-width: 980px) {
    .content {
        display: block;
    }
    .content-item{width: auto;padding-bottom: 26px;margin:30px auto 0; }
    .content-item .content-item-img{position: static;transform: translate(0);width: auto; }
    .confidence-box{display: block;}
    .title {
        width: 90%;
        margin: 0 auto;
    }

    .prodcut_box{width: 94%;}
    .prodcut_button-prev,.prodcut_button-next{display: none;}

    .title p a {
        font-size: inherit;
    }


    .wrap {
        padding: 60px 0 40px;
    }
   
}

@media screen and (max-width: 750px) {
 .container h2{font-size: 28px;}
    .recommend_box{margin: 50px auto;}
    .recommend_box .recommend_cont{margin-top: 30px;}

    .prodcut_box .prodcut_pagination{width: 295px;}
   .dk .prodcut_box .prodcut_pagination{width: 224px;}
   .ati .prodcut_box .prodcut_pagination{width: 186px;}
    .prodcut_show_box{margin-top: 50px;}


    .prodcut_box {
      margin: 43px auto 35px;padding-bottom: 60px;}


      /* .recommend_box .recommend_cont{justify-content: space-around;} */
      /* .recommend_cont .recommend_item{width: 40%;} */

}




@media screen and (max-width: 480px) {
  .title h1{font-size: 24px;}

  .content-item h4{font-size: 21px;}

  .container h2{font-size: 24px;}
}