@media screen and (max-width: 320px){html{font-size:12px !important}}@media (min-width: 321px) and (max-width: 375px){html{font-size:14px !important}}@media (min-width: 376px) and (max-width: 414px){html{font-size:15.5px !important}}@media (min-width: 415px) and (max-width: 768px){html{font-size:18px !important}}.transformY-0{opacity:0;animation:transformY 0s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-1{opacity:0;animation:transformY .2s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-2{opacity:0;animation:transformY .4s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-3{opacity:0;animation:transformY .6s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-4{opacity:0;animation:transformY .8s;animation-delay:0.3s;animation-fill-mode:forwards}@keyframes transformY{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0px)}}.step-0{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 0s,transform 0.6s 0s}.step-1{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .2s,transform 0.6s .2s}.step-2{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .4s,transform 0.6s .4s}.step-3{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .6s,transform 0.6s .6s}.step-4{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .8s,transform 0.6s .8s}.on .step-0{opacity:1 !important;transform:translateY(0)}.on .step-1{opacity:1 !important;transform:translateY(0)}.on .step-2{opacity:1 !important;transform:translateY(0)}.on .step-3{opacity:1 !important;transform:translateY(0)}.on .step-4{opacity:1 !important;transform:translateY(0)}.tdp{font-family:Spartan;font-size:14px;line-height:24px;background:url(../images/top-data-protector/banner-bg.png) no-repeat top center}.tdp .page-wrapper{margin:0 auto;width:1205px}.tdp .button-combe.btn-primary .combe-text{top:18px;font-family:"Lexend";font-weight:normal}.tdp .button-combe.btn-protect .combe-text{position:static;line-height:60px}.tdp .btn-box .button-combe{margin-right:0}.tdp .btn-box .button-combe:hover .combe-text{left:86px}@keyframes bannerImg{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateY(0)}}.tdp .banner{padding-top:222px;padding-bottom:70px}.tdp .banner.pc ._left .name{margin-bottom:20px;font-size:22px;line-height:28px;color:#30d2ad;font-weight:600}.tdp .banner.pc ._left .name::after{content:"";display:inline-block;position:relative;top:-6px;left:10px;width:50px;height:2px;background-color:#b3f1e4}.tdp .banner.pc ._left ul{margin-top:25px;margin-bottom:40px}.tdp .banner.pc ._left ul li{font-size:16px;line-height:30px;font-weight:500;color:#767388}.tdp .banner.pc ._left ul li::before{content:"";display:inline-block;position:relative;top:-3px;margin-right:10px;width:8px;height:8px;background:url(../images/top-data-protector/banner_point.png) no-repeat}.tdp .banner.mob{display:none}.tdp .banner .page-wrapper{display:flex;justify-content:space-between}.tdp .banner ._left{width:646px}.tdp .banner ._left .title{font-size:40px;font-weight:bold;line-height:52px}.tdp .banner ._left .subtitle{margin-top:35px;margin-bottom:86px;font-size:16px;color:#767388;font-weight:500}.tdp .banner ._left .button-tdp{display:none}.tdp .banner ._left .ver{font-size:12px;color:#64607d;font-weight:500}.tdp .banner ._right{position:relative;top:18px;right:-44px;width:527px;height:417px;opacity:0;animation:bannerImg 1.2s 0.4s forwards}.tdp .banner ._right .people{position:absolute;bottom:0px;left:-20px;opacity:0;animation:fadeInRight 0.8s 1.6s forwards}.tdp .banner ._right .input{position:absolute;bottom:90px;right:82px;width:314px;height:53px;border-radius:53px;background-color:#fff;box-shadow:0px 10px 20px #efce7e;opacity:0;transform:translateY(50px);animation:fadeInUp 0.5s 2.5s forwards}.tdp .banner ._right .input .num-list{display:flex;align-items:center;margin-left:40px;height:100%}.tdp .banner ._right .input .num-list li{display:inline-block;margin-right:20px;width:15px;height:16px;font-size:20px;color:#494b64;font-weight:bold;text-align:center;opacity:0;background:url(../images/top-data-protector/asterisk.png) no-repeat}.tdp .banner ._right .input .num-list li.on{opacity:1}.tdp .banner ._right .input .lock-top{position:absolute;right:15px;top:16px;width:38px;height:73px}.tdp .banner ._right .input .lock{position:absolute;right:-38px;top:58px;width:136px;height:135px;transition:top 0.3s}.tdp .banner ._right .input .lock.on{top:40px}.tdp .banner .mouse{margin:220px auto 0;width:15px;height:21px}.tdp .feature .title{font-size:32px;font-weight:bold;text-align:center;line-height:55px}.tdp .feature .feature-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:90px}.tdp .feature .feature-list .feature-item{margin-bottom:80px;display:flex}.tdp .feature .feature-list .feature-item dt{width:105px;height:105px}.tdp .feature .feature-list .feature-item dd{margin-left:25px;width:410px}.tdp .feature .feature-list .feature-item .name{margin-bottom:18px;font-size:22px;font-weight:bold;line-height:32px}.tdp .feature .feature-list .feature-item .desc{width:360px;font-size:14px;color:#767388}.tdp .feature .btn-box{margin-bottom:178px;text-align:center}.tdp .feature .btn-box .button-combe{margin-right:0}.tdp .feature .btn-box .button-combe:hover .combe-text{left:80%}.tdp .feature .feature-box{display:flex;justify-content:space-between;margin-bottom:234px}.tdp .feature .feature-box .feature-intro{width:515px}.tdp .feature .feature-box .feature-intro .name{margin-top:28px;font-size:34px;font-weight:bold;line-height:45px}.tdp .feature .feature-box .feature-intro .desc{margin-top:45px;margin-bottom:25px;color:#767388;font-size:14px;font-weight:500;line-height:24px}.tdp .folder{position:relative;z-index:9;margin-top:-90px;margin-bottom:-160px;padding-top:100px;width:100%;height:805px;background:url(../images/top-data-protector/folder-bg.png) no-repeat center}.tdp .folder .page-wrapper{width:1170px}.tdp .folder .title{font-size:32px;font-weight:bold;color:#fff;text-align:center;line-height:55px}.tdp .folder .type-list{display:flex;align-items:stretch;justify-content:space-between;margin-top:60px}.tdp .folder .type-list .type-item{width:240px;text-align:center}.tdp .folder .type-list .type-item:first-child{width:233px}.tdp .folder .type-list .type-item:nth-child(2){width:258px}.tdp .folder .type-list .type-item:nth-child(3){width:264px}.tdp .folder .type-list .type-item:nth-child(4){width:291px}.tdp .folder .type-list .type-item .name{display:flex;justify-content:center;align-items:center;font-size:16px;line-height:26px;color:#fff;height:54px}.tdp .folder .type-list .type-item .img{margin:36px auto 22px;width:150px;height:150px}.tdp .folder .type-list .type-item .desc{color:#a09eb1;font-size:14px;font-weight:500;text-align:center}.tdp .folder .btn-box{margin-top:54px;text-align:center}.tdp .step{padding-top:305px;padding-bottom:147px;background:url(../images/top-data-protector/step-bg.png) no-repeat}.tdp .step .title{margin-bottom:65px;font-size:34px;font-weight:bold;text-align:center;line-height:55px}.tdp .step .step-list{display:flex;justify-content:space-between}.tdp .step .step-list .step-item{position:relative;width:285px;text-align:center}.tdp .step .step-list .step-item .name{margin-bottom:30px;font-size:18px;font-weight:bold;line-height:24px}.tdp .step .step-list .step-item .img{margin:0 auto;width:266px;height:266px}.tdp .step .step-list .step-item:nth-child(2)::before{content:"";display:inline-block;position:absolute;top:175px;left:-147px;width:119px;height:11px;background:url(../images/top-data-protector/point.png) no-repeat}.tdp .step .step-list .step-item:nth-child(2)::after{content:"";display:inline-block;position:absolute;top:175px;right:-147px;width:119px;height:11px;background:url(../images/top-data-protector/point.png) no-repeat}.tdp .step .btn-box{margin-top:40px;text-align:center}.tdp .step .btn-box .button-combe{margin-right:0}.tdp .step .btn-box .button-combe:hover .combe-text{left:80%}.tdp .faq{padding-bottom:148px}.tdp .faq .title{font-size:32px;font-weight:600;text-align:center;line-height:40px}.tdp .faq .faq-list{margin:45px auto 0;width:950px}.tdp .faq .faq-list .faq-item{position:relative;padding:45px;border-bottom:1px solid #ddd;transition:all 0.6s ease;cursor:pointer}.tdp .faq .faq-list .faq-item .faq-icon{display:block;position:absolute;top:59px;left:0;margin-top:-11px;width:18px;height:18px;border-radius:4px;background:#000}.tdp .faq .faq-list .faq-item .faq-icon::before{content:"";display:block;position:absolute;top:8px;left:5px;z-index:0;width:8px;height:1px;background:#fff;transition:all 0.6s ease}.tdp .faq .faq-list .faq-item .faq-icon::after{content:"";display:block;position:absolute;top:5px;left:8px;z-index:1;width:2px;height:8px;background:#fff;transition:all 0.6s ease}.tdp .faq .faq-list .faq-item .faq-name{font-size:20px;font-weight:bold;line-height:28px}.tdp .faq .faq-list .faq-item .faq-content{display:none;margin-top:18px;font-weight:500;color:#767388}.tdp .faq .faq-list .faq-item.on .faq-icon{top:48px;margin-top:0px}.tdp .faq .faq-list .faq-item.on .faq-icon::after{opacity:0;transform:rotate(-90deg)}.tdp .fbanner{padding-top:40px;height:380px;background:url(../images/top-data-protector/fbanner-bg.png) no-repeat}.tdp .fbanner .page-wrapper{display:flex;width:1170px}.tdp .fbanner .fbanner-img{margin-right:44px;width:441px;height:341px}.tdp .fbanner ._right{margin-top:10px;width:666px}.tdp .fbanner ._right .title{font-size:26px;font-weight:bold;color:#2a2727;line-height:45px}.tdp .fbanner ._right .pc-btn{margin-top:60px}.tdp .fbanner ._right .pc-btn .button-tdp{width:276px;height:56px;font-family:"Lexend";font-size:16px;color:#fff;text-shadow:0px 0px 1px #ff8800;text-align:center;line-height:51.5px;background:linear-gradient(90deg, #ff9a27, #fb0);border-radius:6px}.tdp .fbanner ._right .pc-btn .button-tdp:hover{background:linear-gradient(90deg, #ffa927, #ffd324)}.tdp .float{position:fixed;top:-100%;z-index:99;width:100%;height:70px;background:url(../images/top-data-protector/float-bg.png) no-repeat center;transition:top 0.5s}.tdp .float.on{top:0}.tdp .float .page-wrapper{display:flex;align-items:center;width:1140px;height:100%}.tdp .float .page-wrapper .float-icon{height:48px}.tdp .float .page-wrapper .desc{margin-top:4px;margin-left:24px;margin-right:46px;font-size:14px;font-weight:600;line-height:18px}.tdp .float .page-wrapper .pc-btn .button{width:200px;height:40px;line-height:40px}.tdp .float .page-wrapper .pc-btn .button-combe .arrow-icon{left:30px}.tdp .float .page-wrapper .pc-btn .button-combe .combe-text{top:9px;left:68px;font-size:14px}.tdp .float .page-wrapper .pc-btn .button-combe:hover .arrow-icon{left:-10px}.tdp .float .page-wrapper .pc-btn .button-combe:hover .combe-text{left:80%}.tdp .float .page-wrapper .pc-btn .button-tdp{font-family:"Lexend";font-size:14px;color:#fff;text-shadow:0px 0px 1px #ff8800;text-align:center;background:linear-gradient(90deg, #ff9a27, #fb0);border-radius:6px}.tdp .float .page-wrapper .pc-btn .button-tdp:hover{background:linear-gradient(90deg, #ffa927, #ffd324)}@media (min-width: 769px) and (max-width: 1366px){.tdp{background-position-y:-80px}.tdp .banner{padding-top:200px}.tdp .banner .mouse{margin-top:120px}}@media screen and (max-width: 768px){.tdp .button-combe.btn-primary .combe-text{top:0}.itop-ad.on{display:none}.tdp{background:url(../images/top-data-protector/mob-banner-bg.png) no-repeat;background-size:100%}.tdp .page-wrapper{width:100%}.tdp .btn-box .button-combe{margin-right:auto}.tdp .btn-box .button-combe .combe-text{top:auto !important}.tdp .button-combe.btn-protect .combe-text{line-height:3.2142857143rem}.tdp .button{display:block;margin:0 auto;border-radius:.2142857143rem}.tdp .button-combe,.tdp .button-tdp{width:17.1428571429rem;height:3.2142857143rem;line-height:3.2142857143rem}.tdp .button-tdp{display:inline-block;font-family:"Lexend";font-size:14px;color:#fff;text-shadow:0px 0px 1px #ff8800;text-align:center;background:linear-gradient(90deg, #ff9a27, #fb0);border-radius:6px}.tdp .button-tdp:hover{background:linear-gradient(90deg, #ffa927, #ffd324)}@keyframes bannerImg{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}.tdp .banner{padding-bottom:3.2142857143rem;padding-top:8.1428571429rem}.tdp .banner.pc{display:none}.tdp .banner.mob{display:block}.tdp .banner .page-wrapper{display:block;height:auto}.tdp .banner ._left{display:block;padding-left:1.7857142857rem;padding-right:1.7857142857rem;width:100%;text-align:center}.tdp .banner ._left .name{text-align:left;margin-bottom:.7142857143rem;font-size:1.1428571429rem;line-height:1.7142857143rem;color:#30D2AD;font-weight:600;position:relative}.tdp .banner ._left .name::after{content:"";display:inline-block;position:absolute;top:50%;left:12.1428571429rem;width:3.5714285714rem;height:2px;margin-top:-1px;background-color:#b3f1e4}.tdp .banner ._left h1.title{font-size:1.7857142857rem;line-height:2.0714285714rem;color:#1E1C2C;font-weight:bold;text-align:left;margin-bottom:.7142857143rem}.tdp .banner ._left>ul{margin-bottom:1.4285714286rem}.tdp .banner ._left>ul li{text-align:left;font-size:1rem;line-height:1.7142857143rem}.tdp .banner ._left>ul li::before{content:"";display:inline-block;position:relative;top:-.2142857143rem;margin-right:.3571428571rem;width:.4285714286rem;height:.4285714286rem;background:url(../images/top-data-protector/banner_point.png) no-repeat 100% 100%}.tdp .banner ._left .button-tdp{display:block;margin-top:.8928571429rem}.tdp .banner ._left .ver{display:none}.tdp .banner ._right{top:2.8571428571rem;right:0;left:0;margin:0 auto;width:23.0357142857rem;height:18.3928571429rem}.tdp .banner ._right .input{bottom:4.2857142857rem;right:3.7142857143rem;width:13rem;height:2.3214285714rem;border-radius:2.3214285714rem}.tdp .banner ._right .input .num-list{margin-left:1.7857142857rem}.tdp .banner ._right .input .num-list li{margin-right:.7142857143rem;width:.6428571429rem;height:.7142857143rem;font-size:0;background-size:cover}.tdp .banner ._right .input .lock-top{right:.7142857143rem;top:.7142857143rem;width:1.7142857143rem;height:3.2142857143rem}.tdp .banner ._right .input .lock{top:2.5rem;right:-1.7142857143rem;width:6rem;height:5.9285714286rem}.tdp .banner ._right .input .lock.on{top:1.7857142857rem}.tdp .banner ._right .people{bottom:10px;left:40px;bottom:-.8571428571rem;left:1rem}.tdp .banner .mouse{margin-top:2.8571428571rem}.tdp .feature{padding:0 1.7857142857rem 2.9285714286rem}.tdp .feature .title{font-size:1.5714285714rem;line-height:2.5rem}.tdp .feature .feature-list{margin-top:4.2857142857rem}.tdp .feature .feature-list .feature-item{display:block;margin-bottom:4.3571428571rem;width:100%}.tdp .feature .feature-list .feature-item dt{margin:0 auto}.tdp .feature .feature-list .feature-item dd{margin-left:0;width:100%;text-align:center}.tdp .feature .feature-list .feature-item .name{margin-top:1.4285714286rem;margin-bottom:1.0714285714rem;font-size:1.2857142857rem;line-height:1.4285714286rem}.tdp .feature .feature-list .feature-item .desc{padding:0 .3571428571rem;width:100%;font-size:1rem;line-height:1.5rem;font-weight:500}.tdp .feature .btn-box{margin-top:-2.3928571429rem;margin-bottom:6.7857142857rem}.tdp .feature .btn-box .button-combe{margin-right:auto}.tdp .feature .feature-box{flex-direction:column;margin-bottom:3.9285714286rem}.tdp .feature .feature-box.reverse{flex-direction:column-reverse}.tdp .feature .feature-box .feature-intro{width:100%}.tdp .feature .feature-box .feature-intro .name{font-size:1.7142857143rem;line-height:2.5714285714rem}.tdp .feature .feature-box .feature-intro .desc{margin-top:1.7857142857rem;font-size:1rem;line-height:1.7857142857rem}.tdp .feature .feature-box:not(:last-child) .feature-intro .button-combe{display:none}.tdp .folder{margin-top:0;margin-bottom:-4.6428571429rem;padding:6.0714285714rem 1.7857142857rem 0;height:117.3928571429rem;background-image:url(../images/top-data-protector/mob-folder-bg.png);background-size:100%}.tdp .folder .page-wrapper{width:100%}.tdp .folder .title{font-size:1.5714285714rem;line-height:2.4642857143rem}.tdp .folder .page-wrapper .type-list{flex-direction:column;align-items:center;margin-top:2.8571428571rem}.tdp .folder .page-wrapper .type-list .type-item{position:relative;width:100%}.tdp .folder .page-wrapper .type-list .type-item:not(:last-child){margin-bottom:3.9285714286rem}.tdp .folder .page-wrapper .type-list .type-item .name{margin-bottom:1.1428571429rem;padding-top:11.6071428571rem;font-size:1.2857142857rem;line-height:1}.tdp .folder .page-wrapper .type-list .type-item .img{position:absolute;top:0;left:0;right:0;margin:0 auto}.tdp .folder .page-wrapper .type-list .type-item .desc{font-size:1rem;line-height:1.5rem}.tdp .folder .btn-box{margin-top:1.6071428571rem}.tdp .step{padding-top:10rem;padding-bottom:5.4642857143rem;background:linear-gradient(360deg, rgba(245,255,251,0), #ecfff7)}.tdp .step .title{margin-bottom:3.2142857143rem;padding:0 2.4285714286rem;font-size:1.7142857143rem;line-height:2.5714285714rem}.tdp .step .step-list{flex-direction:column;align-items:center}.tdp .step .step-list .step-item .name{margin-bottom:3rem;font-size:1.1428571429rem;line-height:1.4285714286rem}.tdp .step .step-list .step-item .img{width:16.7857142857rem;height:16.7857142857rem}.tdp .step .step-list .step-item .img .num{top:-1.25rem;width:2.5rem;height:2.5rem;font-size:1rem;line-height:2.5rem}.tdp .step .step-list .step-item:nth-child(2){margin-top:6.7857142857rem;margin-bottom:6.7857142857rem}.tdp .step .step-list .step-item:nth-child(2)::before{top:-5rem;left:0;right:0;margin:0 auto;width:.5714285714rem;height:3.5714285714rem;background:url(../images/top-data-protector/mob-point.png) no-repeat;background-size:100%}.tdp .step .step-list .step-item:nth-child(2)::after{top:auto;bottom:-5.2857142857rem;left:0;right:0;margin:0 auto;width:.5714285714rem;height:3.5714285714rem;background:url(../images/top-data-protector/mob-point.png) no-repeat;background-size:100%}.tdp .step .btn-box .button-combe{margin-right:auto}.tdp .faq{padding-bottom:5.5357142857rem;background-color:#f2f2f2}.tdp .faq .title{padding-top:5.2142857143rem;font-size:2rem;line-height:2.4642857143rem;font-weight:bold}.tdp .faq .faq-list{margin-top:0;padding:0 1.7857142857rem;width:100%}.tdp .faq .faq-list .faq-item{padding:1.4285714286rem 0 1.4285714286rem 1.8571428571rem}.tdp .faq .faq-list .faq-item .faq-icon{top:2.2857142857rem;width:1.2857142857rem;height:1.2857142857rem}.tdp .faq .faq-list .faq-item .faq-name{font-size:1.1428571429rem;line-height:1.7142857143rem}.tdp .faq .faq-list .faq-item .faq-content{margin-top:.2857142857rem;font-size:.8571428571rem;line-height:1.2857142857rem}.tdp .faq .faq-list .faq-item.on .faq-icon{top:1.5714285714rem}.tdp .fbanner{padding-top:7.9285714286rem;padding-bottom:4.7857142857rem;width:100%;height:auto;background:url(../images/top-data-protector/mob-fbanner-bg.png) no-repeat;background-size:100%}.tdp .fbanner .page-wrapper{flex-direction:column;width:auto}.tdp .fbanner .fbanner-img{margin:0 auto;width:23.2142857143rem;height:17.9285714286rem}.tdp .fbanner ._right{margin-top:2.8571428571rem;width:100%}.tdp .fbanner ._right .title{padding:0 2.1428571429rem;font-size:1.5714285714rem;line-height:2.3571428571rem;text-align:center}.tdp .fbanner ._right .pc-btn{margin-top:1.5rem}.tdp .fbanner ._right .pc-btn .button-tdp{margin-top:.8928571429rem;width:17.1428571429rem;height:3.2142857143rem;line-height:3.2142857143rem}.tdp .float{display:none !important}}
