html{font-size: 100px;}
body{font-size: 16px; background: #F63E54;}

img{vertical-align: bottom;}



.nav_top{position: fixed;z-index: 12; right: .36rem; bottom: 2rem;}
.nav_top>img{width: 1.53rem;}
.nav_toptext{position: absolute;width: 100%;padding: .12rem;box-sizing: border-box;bottom: 0;}
.nav_toptext p{position: relative;cursor: pointer;background: url(../special/img/double-navitembg.png) no-repeat;background-size: contain;  width: 1.26rem;height: .38rem;line-height: .38rem;margin-bottom: .1rem; color: #DFB974;font-size: .16rem;padding: 0 .13rem;box-sizing: border-box;}
.nav_toptext p::after{content: "\e802";font-family: "iconfont";font-weight: 600;position: absolute;right: .1rem;}
.nav_toptext p.act{color: #9C6400;background: url(../special/img/double-navitembgact.png) no-repeat;background-size: contain;}
.nav_toptext p:hover{color: #9C6400;background: url(../special/img/double-navitembgact.png) no-repeat;background-size: contain;}

.banner{position: relative; padding-bottom:.6rem;background: url(../special/img/banner_background.png) no-repeat;background-size: cover;background-position: center bottom;}
.banner-cont{text-align: center;padding-bottom: .1rem;overflow: hidden;}
.banner-title{padding-top: .2rem;display: inline-block;vertical-align: bottom;position: relative;}
.banner-title img{width: 8.02rem;}
.banner-title .time{position: absolute;display: flex; bottom: 2.5%;width: 67%;justify-content: space-between;left: 50%;transform: translateX(-56%);}

.time p{
  width: 25%;
  color: #601A1A;
  font-size: .28rem;
  font-weight: 600;
}
.packet{position: absolute;width: 14.9rem;z-index: 5;max-width: 150%; pointer-events: none; bottom: 18%;left: 50%;transform: translateX(-50%); }
.banner-red-packet{margin-top: .16rem;position: relative;}

.banner-red-packet>.red-packet{cursor: pointer;transform-origin: center center;animation: 1s red-packet infinite linear; }
@keyframes red-packet {
  0%{transform: rotateZ(0deg);}
  25%{transform: rotateZ(-5deg);}
  50%{transform: rotateZ(0deg);}
  75%{transform: rotateZ(5deg);}
  100%{transform: rotateZ(0deg);}

}

.red-packet-act{position: relative;display: none;}
.banner_copy{position: absolute;top: 40%;width: 3.86rem; border-radius: 1.1rem;cursor: pointer;left: 50%;transform: translateX(-50%);}

@keyframes banner_copy {
  0%{transform: scale(1);}
  50%{transform: scale(1.05);}
  100%{transform: scale(1);}
}


.banner_copy img.btn{width: 100%;animation: 2s banner_copy infinite linear;}
.banner_copy img.banner_copyyes{display: none; width: 1.4rem;max-width: 50%;position: absolute;left: 50%;transform: translateX(-50%);top: 100%;pointer-events: none;}
.red-packet{width: 7.02rem;}

.double-logo{position: absolute; top: .25rem;left: 10%;width: 1.97rem; z-index: 22;}
.double-logo img{width: 100%;}


.banner_bg{width: 100%;}


.title_box{position: relative;z-index: 4; max-width: 14rem;margin: 0 auto 0;text-align: center;}

.title1{margin-top: 1rem;margin-bottom: .12rem;}

.title1 img{width: 4.64rem;}
.title2 img{width: 7.68rem;}
.title3 img{width: 5.06rem;}
.title4 img{width: 5.06rem;}

/* .content{overflow: hidden;} */

.part1{position: relative;}

.part1_bg{position: absolute;left: 50%;width: 13rem;max-width: 100%; z-index: 2; transform: translate(-50%,-50%);}
.part1_bg2{position: absolute;left: 50%;width: 16.05rem;pointer-events: none; max-width: 100%; z-index: 2;top: 0%; transform: translate(-50%,-90%);}

.part1_cont{position: relative;z-index: 3;
width: 94%;max-width: 14rem;
margin: 0 auto 0;padding: .25rem;box-sizing: border-box;
border-radius: .3rem;
background: rgba(255, 246, 208, 0.34);
box-shadow: 0px 0px .2rem 0px rgba(255, 255, 255, 0.68) inset;}




.part1_cont .part1_item{display: flex;justify-content: space-between;align-items: center; border-radius: .3rem;padding: .25rem;box-sizing: border-box;
background: linear-gradient(96deg, #FFFEFA 2.19%, #FEF6DF 98.15%);}
.part1_cont .part1_item:nth-child(1){margin-bottom: .25rem;}
.part1_item .part1_img{width: 2.56rem;}
.part1_item .part1_text{max-width: 5.7rem;margin: 0 .2rem;}

.part1_text h4{color: #000;
font-family: Rubik;
font-size: .26rem;
font-weight: 700;
}
.part1_item .part1_text p{margin-top: .05rem;color: #CC7018;
font-size: .14rem;
}

.product_nav{
margin-top: .1rem;
display: inline-block;
border-radius: .05rem;
cursor: pointer;
border: 1px solid #333;
text-align: center;
font-family: "Alibaba PuHuiTi 2.0";
font-size: .18rem;
padding: .03rem .08rem;
}
.product_nav.act{
  background: #333;color: #FFE970;
}


.purchase_list{}
.purchase_list li{color: #333;position: relative;
font-size: .16rem;margin-top: .1rem;padding-left: .26rem;box-sizing: border-box;
}

.purchase_list li::after{content: "";position: absolute;width: .12rem;height: .12rem;left: .04rem;top: .06rem;border-radius: 50%;background: linear-gradient(180deg, #FFE970 0%, #FFA06C 100%);; }


.part1_buy .buy_btn{width: 3.62rem;display: inline-block;
height: .87rem;
flex-shrink: 0;border-radius: 1rem;color: #FFF;
text-align: center;box-sizing: border-box;
font-size: .36rem;
text-decoration: none;
border:.05rem solid #FFF9EB;
font-weight: 600;
line-height: .87rem;transition: .3s;
background: linear-gradient(186deg, #FFEEC7 8.26%, #FF6A00 95.36%);
box-shadow: 
0px -4px 0px 0px #FFAC39,
0px 6px 4px 0px #FFAC39,
-5px -8px 4px 0px #FFAC39 inset,
4px 10px 4px 0px rgba(255, 172, 57, 0.90) inset,
2px 19px 4px 0px rgba(255, 255, 255, 0.25) inset
;
}
.part1_buy .buy_btn:hover,
.part2_buy .buy_btn:hover{
  background: linear-gradient(186deg, #FFEEC7 8.26%, #FF6A00 56.17%);  
}
.part1_buy .price2{color: #BAB39E;
text-align: center;
font-size: .2rem;
font-weight: 400;
text-decoration-line: strikethrough;}
.part1_buy .price1{color: #F42E41;text-align: center;
font-size: .54rem;

font-weight: 600;
}






.tips{text-align: center;color: #999;
font-family: "Alibaba PuHuiTi 2.0";margin-top: .15rem;
font-size: .18rem;
}
.tips img{width: .2rem;}




.part2{overflow: hidden;position: relative;}
.part2_bg{position: absolute;width: 19.2rem;max-width: 100%;bottom: 0; left: 50%;transform: translate(-50%,105%);}


.title2{margin-top: .8rem;margin-bottom: .4rem;}

.part2_navbox{max-width: 14rem;margin: 0 auto 0;display: flex;justify-content: center;align-items: center; }

.part2_nav{margin: 0 .1rem;border-radius: .2rem .2rem 0px 0px;
  border-top: .03rem solid #FFADB0;box-sizing: border-box;
  border-right: .03rem solid #FFADB0;
  border-left: .03rem solid #FFADB0;
  width: 3.8rem;
  height: .68rem;color: #F9D4D1;
  text-align: center;
  font-size: .24rem;
  font-weight: 600;
  line-height: .68rem;cursor: pointer;
  /* transition: .3s; */
}
.part2_nav.act{background: #FFF;color: #000;
  box-shadow: 0px 0px .2rem 0px #FF5140 inset;border-width: 0;}
.part2_nav:nth-child(1) svg{width: .21rem;}
.part2_nav:nth-child(2) svg{width: .23rem;}
.part2_nav svg {vertical-align: sub;}
.part2_nav svg path{
  fill:#F9D4D1;
}
.part2_nav.act svg path{
  fill:#000;
}


.part2_container{width: 94%;
  
  
  max-width: 14rem;
  margin: 0 auto 0;
  
  border-radius: .3rem;
background: rgba(255, 246, 208, 0.34);padding: .25rem .25rem 0 .25rem;box-sizing: border-box;
box-shadow: 0px 0px .2rem 0px rgba(255, 255, 255, 0.68) inset;
}

.part2_cotn.act{display: flex;}
.part2_cotn{display: flex;display: none; flex-wrap: wrap;justify-content: space-between;}
.part2_item{width: 49%;
  position: relative;
  border-radius: .3rem;
  display: flex;height: 5.03rem;
  margin-bottom: .25rem;
  background: linear-gradient(143deg, #FFFEFA 18.64%, #FEF6DF 75.64%);
}
.part2_product{position: relative;padding: .27rem;box-sizing: border-box; text-align: center;flex-shrink: 0;
display: flex;align-items: center;flex-flow: column;justify-content: center;
  background: linear-gradient(180deg, #FFE5DD 0%, #FFEBDA 48.5%, #FFE7AB 100%);
overflow: hidden;border-radius: .3rem 0 0 .3rem;
}
.part2_product::after{content: "";position: absolute;pointer-events: none; z-index: 3; width: 1.81rem;height: 2.02rem;right: 0rem;bottom: 0rem; background: url(../special/img/anytrans_boxbg.png) no-repeat;}

.part2_product.ati::after{background: url(../special/img/anytrans_boxbg.png) no-repeat}
.part2_product.af::after{background: url(../special/img/anyfix_boxbg.png) no-repeat}
.part2_product.dk::after{background: url(../special/img/droidkid_boxbg.png) no-repeat;right: -.2rem;}
.part2_product.au::after{background: url(../special/img/anyunlock_boxbg.png) no-repeat;right: -.08rem;bottom: -.13rem;}

.part2_product img{width: 1.7rem;position: relative;z-index: 4;}


.part2_product .tag{position: absolute;width: 100%;transform:translate(-28%,58%) rotate(-45deg); text-align: center;height: .55rem;background: linear-gradient(270deg, #FFA750 1.5%, #FF5081 40%, #FF2FF1 100%);;
line-height: .55rem;
  color: #FFF;
  font-size: .24rem;
  left: 0%;
  top: 0%;
  font-weight: 700;
}

.part2_product p{position: relative;z-index: 4;display: none;
  color: #333;margin-top: .24rem;
  font-size: .18rem;
}


.part2_text{width: 63%; padding: .3rem .2rem .3rem .2rem;box-sizing: border-box; position: relative;}



.part2_text h4{color: #000;
  font-size: .24rem;
  font-weight: 600;
  }
.part2_text h6{color: #333;margin-top: .08rem;
  font-size: .18rem;
}

.product_versions{display: flex;}



.part2_item .product_nav:nth-child(1) {border-radius: .05rem 0 0 .05rem;}
.part2_item .product_nav:nth-child(2) {border-radius: 0px .05rem .05rem 0px;}



.part2_item .purchase_list{max-width: 3.5rem;}


.part2_buy{display: none;margin-top: .15rem;}
.part2_buy.act{display: block;}

.part2_buy .price1{display: inline-block;color: #F42E41;
  font-size: .38rem;
  font-weight: 600;
  ;}
.part2_buy .price2{display: inline-block;color: #BAB39E;
  font-size: .18rem;
  text-decoration-line: strikethrough;}


  .part2_buy{position: absolute;bottom: .7rem; left: .2rem;}

  .part2_item .tips{position: absolute;bottom: .3rem;left: 50%;transform: translateX(-60%);}

  .part2_buy .buy_btn{display: block; width: 3.4rem;display: inline-block;
    height: .87rem;margin-top: .1rem;
    flex-shrink: 0;border-radius: 1rem;color: #FFF;
    text-align: center;box-sizing: border-box;transition: .3s;
    font-size: .36rem;
    text-decoration: none;
    border:.05rem solid #FFF9EB;
    font-weight: 600;
    line-height: .87rem;
    background: linear-gradient(186deg, #FFEEC7 8.26%, #FF6A00 95.36%);
    box-shadow: 
    0px -4px 0px 0px #FFAC39,
    0px 6px 4px 0px #FFAC39,
    -5px -8px 4px 0px #FFAC39 inset,
    4px 10px 4px 0px rgba(255, 172, 57, 0.90) inset,
    2px 19px 4px 0px rgba(255, 255, 255, 0.25) inset
    ;
    }


.title3{margin-top: .8rem;}





.part3_cont{width: 94%;max-width: 14rem;margin: 0 auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;}

.part3_cont a{display: inline-block;width: 48%;  margin-top: .4rem;
position: relative;
  border-radius: .3rem;overflow: hidden;
  border: .04rem solid #FFF;


transition: .3s;  
}

.part3_cont a:hover{transform: translateY(-10px);}
.part3_cont a::after{content: "";position: absolute;z-index: 3;left: .26rem; bottom: .26rem;filter: drop-shadow(0px 3.733px 3.733px rgba(0, 0, 0, 0.25)); width: .76rem;height: .54rem;background: url(../special/img/youtube-icon.png) no-repeat;background-size: cover; }
.part3_cont a img{width: 100%;}


.title4{margin-top: .8rem;margin-bottom: .85rem;}



.part4_cont{width: 94%;padding-bottom: .8rem; max-width: 14rem;margin: 0 auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;}


.part4_cont a{width: 49%;color: #FFF;
  font-size:.24rem;
box-sizing: border-box;position: relative;
padding-left: .8rem;margin-bottom: .6rem;
}
.part4_cont a::after{content: "";position: absolute;left: 0;top: 50%; transform: translateY(-50%); width: .64rem;height: .64rem;background: url(../special/img/double-link-icon.png) no-repeat; background-size: cover;}
.part4_bg{position: absolute;width: 19.2rem;max-width: 100%;bottom: 0; left: 50%;transform: translate(-50%,0%);}
.part4{position: relative;}

.fthomebot{margin-top: 0;}


@media only screen and (min-width: 1920px) {
  .yeartips i {
     font-size: .12rem;width: 2.6rem;top: .26rem;left: -1.3rem;
  }
  .yeartips:after{font-size: .14rem;}
}
@media only screen and (min-width: 3000px) {
  .yeartips i {
     font-size: 18px;width: 390px;top: .39rem;left: -195px;
  }
  .yeartips:after{font-size: 21px;}
}


@media screen and (max-width: 1400px) {}




@media screen and (max-width: 1200px) {
  .part2_item{display: block;}
  .part2_product{background: none;}
  .part2_product p{display: none;}
  .part2_buy .buy_btn{width: 90%;max-width: 340px;}
  .part2_text{width: 100%;padding-top: 0;text-align: center;max-width: 600px;margin: 0 auto;}
  .part2_text .product_versions{justify-content: center;}
  .part2_item .product_nav{width: 35%;}
  .part2_product .tag{width: 50%;}
  .part2_item .purchase_list{text-align: left;margin: 0 auto;max-width: none;width: 80%;}
  .part2_product::after{display: none;}
  .part2_item{height: auto;}
  .part2_buy{position: static;bottom: auto; left: auto;}
  .part2_item .tips{position: static;bottom: auto;left: auto;transform: translateX(0%);}



}

@media screen and (max-width: 980px) {
  
  .banner-title{padding-top: .8rem;}
  .title_box img{max-width: 90%;}
  .title1{margin-top: .8rem;}
  .part2_product .tag{width: 60%;}
  .part2_item .product_nav{width: 50%;}
  .part2_item .purchase_list{width: 100%;}

  .part2_nav{width: auto; padding: 0 .3rem;}


  .part1_cont .part1_item{display: block; text-align: center;}
  .part1_item .part1_text{margin: .2rem auto;}
  .product_versions{justify-content: center;}
  .purchase_list{text-align: left;margin: 0 auto;display: inline-block;}

  .part2_item{width: 100%;}
  .part2_product .tag{width: 40%;}

  .part2_buy .buy_btn{display: block;margin-left: auto;margin-right: auto;}


}



@media screen and (max-width: 750px) {

  .nav_top{display: none;}

  .banner-title img{width: 90%;}
  .banner-title .time{width: 60%;}
  .time p{font-size: .21rem;}
  .red-packet{width: 80%;}
  .banner_copy img.btn{width: 80%;}
  
  .part3_cont a{width: 100%;}
  .part4_cont{padding-bottom: .6rem;}
  .part4_cont a{width: 100%;}
}





@media screen and (max-width: 700px) {
  .part2_product .tag{width: 60%;}
}




@media screen and (max-width: 600px) {
  .time p{font-size: .18rem;}
  .banner{padding-bottom: .4rem;}
  .purchase_list li{font-size: 12px;}
  .part1_item .part1_text p{font-size: 12px;}
}