@charset "utf-8";
/* CSS Document */
.group-btn{margin: 0 -10px;}
.border-bt{border-bottom: 2px solid #f8f8f8;}
ul.list-info li.flex-basis-half{-ms-flex-preferred-size:calc(50% - 34px)}
.com-block{padding: 100px 0;}
.com-block .com-title{font-size: 36px;margin: 0 auto;max-width: 760px;padding-bottom: 50px;}
.com-block .com-title+ul{margin-top: -20px;}
.com-block .com-tip{max-width: 760px;margin: -20px auto 0;}
.com-block .com-tip:not(:last-child){padding-bottom: 50px;}
.com-block .com-sub{font-size: 32px;}
.switch-btn{background: #fff;border: 1px solid #F9FAFB;box-shadow: 0 3px 6px 0 rgba(50,50,93,0.10);width: 48px;height: 48px;border-radius:50%;}
.switch-btn:not(.swiper-button-disabled):hover{cursor: pointer;background-color: #FF612E;color: #fff;border-color: #FF612E;}
.switch-btn.swiper-button-disabled{opacity: 0.68;cursor: not-allowed;}
.swiper-comments-prev{margin-right: 30px;}
.swiper-comments-prev svg{transform: rotate(-180deg);}
.com-fea{margin-bottom: -20px;}
.com-fea .cell{background: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 1px;padding: 20px 26px 28px;flex-basis: 49%;margin-bottom: 20px;-ms-flex-preferred-size:calc(49% - 52px);}
.com-fea .cell:hover{box-shadow: 8px 8px 16px 0 rgba(43,43,88,0.08);transform: translateY(-4px)}
.com-fea .sub{margin-bottom: 16px;}
.com-fea.ver .ico{margin: 0 auto 24px;}
.com-fea.md .sub{margin-bottom: 12px;}
.com-fea .ico{width: 32px;height: 32px;border-radius: 50%;margin-right: 14px;}
.com-fea:not(.ver) .ico+*{flex-basis: calc(100% - 46px);}
.com-fea.md .ico{width: 42px;height: 42px;}
.com-fea.md:not(.ver) .ico+*{flex-basis: calc(100% - 56px);}
.com-fea.bg .ico{width: 62px;height: 62px;}
.com-fea.bg:not(.ver) .ico+*{flex-basis: calc(100% - 76px);}
.ico.a{background-image: linear-gradient(135deg, #1F90FF 0%, #67C4FF 100%);}
.ico.b{background-image: linear-gradient(135deg, #6BED6F 0%, #20B61D 100%);}
.ico.c{background-image: linear-gradient(135deg, #FD8949 0%, #F7C569 100%);}
.ico.d{background-image: linear-gradient(135deg, #B778F9 0%, #7835F2 100%);}
.ico.e{background-image: linear-gradient(135deg, #FFC796 0%, #FF6B95 100%);}
.ico.f{background-image: linear-gradient(135deg, #96A1FF 0%, #4E4EFB 100%);}
.ico.g{background-image: linear-gradient(135deg, #21BFE6 0%, #33E8C5 100%);}
.ico.h{background-image: linear-gradient(135deg, #329AFE 0%, #67C4FF 100%);}
.ico.i{background-image: linear-gradient(135deg, #FFAC88 0%, #FF6D63 100%);}
.ico.j{background-image: linear-gradient(135deg, #33E784 0%, #2FE8C3 100%);}
.ico.k{background-image: linear-gradient(135deg, #F7CE68 0%, #FBAB7E 100%);}
.ico.l{background-image: linear-gradient(135deg, #25C691 0%, #A1E7B3 100%);}
.ico.m{background-image: linear-gradient(135deg, #0FBECA 0%, #5AE2B2 100%);}
.com-data{box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);}
.com-data .cell{border: 1px solid #EDEDED;padding: 24px 20px 24px 32px;}
.com-data .cell:not(:first-child){margin-top: -1px;}
.com-data .cell .sub svg{margin-right: 14px;}
.com-data .cell .sub{font-size: 20px;margin-bottom: 14px;}
.basis-44{flex-basis: 44.64285714285714%;}
.basis-48{flex-basis: 48.21428571428571%;}

#tp-banner::after{position:absolute;left: 50%;top:-68px;transform: translateX(-50%);width: 2560px;height:760px;content: '';background-position: center top;background-repeat: no-repeat;z-index: -1;}
#tp-banner.wa{padding: 90px 0 100px;}
#tp-banner.wa::after{background-image: url(images/whatsapp-banner.svg);}
#tp-banner.if{padding: 96px 0 100px;}
#tp-banner.if::after{background-image: url(images/icarefone-banner.svg);}
#tp-banner.ud-mac{padding:120px 0;}
#tp-banner.ud-mac::after{background-image: url(images/ultdata-banner.svg);}
#tp-banner.ud-win{padding: 90px 0 140px;}
#tp-banner.ud-win::after{background-image: url(images/ultdata-win-banner.svg);}
#tp-banner.ud-an{padding: 90px 0 100px;}
#tp-banner.ud-an::after{background-image: url(images/ultdata-android-banner.svg);}
#tp-banner.ud-ip{padding: 90px 0 100px;}
#tp-banner.ud-ip::after{background-image: url(images/ultdata-iphone-banner.svg);}
#tp-banner.bt{padding: 140px 0 160px;}
#tp-banner.bt::after{background-image: url(images/boot-banner.svg);}
#tp-banner.fk{padding: 90px 0 100px;}
#tp-banner.fk::after{background-image: url(images/fukey-banner.svg);}
#tp-banner.fk-pw{padding: 90px 0 120px;}
#tp-banner.fk-pw::after{background-image: url(images/fukey-pw-banner.svg);height: 1280px;}
#tp-banner.fk-ip{padding: 90px 0 95px;}
#tp-banner.fk-ip::after{background-image: url(images/fukey-ip-banner.svg);}
#tp-banner.fk-an{padding: 120px 0;}
#tp-banner.fk-an::after{background-image: url(images/fukey-an-banner.svg);}
#tp-banner.tc{padding: 90px 0 100px;}
#tp-banner.tc::after{background-image: url(images/tunescare-banner.svg);height: 1020px;}
#tp-banner.tc-mac{padding: 90px 0 100px;}
#tp-banner.tc-mac::after{background-image: url(images/tunescare-mac-banner.svg);}
#tp-banner.rb{padding: 90px 0 100px;}
#tp-banner.rb::after{background-image: url(images/reiboot-banner.svg);height:1280px;}
#tp-banner.rb-an{padding: 90px 0 100px;}
#tp-banner.rb-an::after{background-image: url(images/reiboot-an-banner.svg);}
#tp-banner.tg{padding: 90px 0 180px;}
#tp-banner.tg::after{background-image: url(images/itransgo-banner.svg);}

#tp-banner .title{font-size: 52px;padding-bottom: 20px;}
#tp-banner .tip{font-size: 24px;padding-bottom: 40px;}
#tp-banner .cont{max-width: 620px;}
#tp-banner .cont .stars{margin-right: 7px;}
#tp-banner .cont .review{padding-bottom: 32px;}
#tp-banner .group-btn{padding-top: 30px;}
#tp-banner .view-link{margin-top: 10px;}
#tp-banner .popu-video{left: 70%;top:25%}

#discuss{max-width: 990px;margin-top: 120px;z-index: 0;}
#discuss .swiper-container{background: #fff;border: 1px solid #E8EBF0;box-shadow: 0 3px 6px 0 rgba(50,50,93,0.10);border-radius: 4px;margin-bottom: 14px;}
#discuss .info{padding: 30px 40px 42px;border-bottom: 1px solid #f2f2f2;}
#discuss .bt{padding: 16px 40px;}
#discuss .swiper-button-prev,#discuss .swiper-button-next{background: #fff;border: 1px solid #E8EBF0;box-shadow: 0 3px 6px 0 rgba(50,50,93,0.10);width: 48px;height: 48px;border-radius: 50%;color: #525F7F;position: absolute;top:calc(100% + 38px);}
#discuss .swiper-button-prev{left: calc(100% - 130px);}
#discuss .swiper-button-prev svg{transform: rotate(180deg);}
#discuss .swiper-button-prev::after,#discuss .swiper-button-next::after{display: none;}

#comment .swiper-container{padding: 0 10px 16px;width: calc(100% + 20px);margin: 0 -10px;z-index: 0;}
#comment .cell{background: #fff;border: 1px solid #E8EBF0;box-shadow: 0 3px 6px 0 rgba(50,50,93,0.10);border-radius: 4px;position: relative;}
#comment .cell p{padding: 30px}
#comment .bt{padding: 15px 30px;border-top: 1px solid #E8EBF0;}
#comment .bt svg:not(:last-child){margin-right: 4px;}
#comment .name{padding-right: 20px;margin-right: 20px;border-right: 1px solid #E8EBF0;}

#com-as .lft,#com-as .rgt{flex-basis: 49%;}
#com-as .cell{background: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 1px;margin-bottom: 20px;padding: 28px 30px 26px;}
#com-as .cell picture{margin-bottom: 20px;}
#com-as .sub{padding-top: 10px;}
#com-as .box{max-width: 280px;margin: 0 auto 50px;}

#swiper-step{height: 694px;overflow: hidden;z-index: 0;}
#swiper-step .cont{background-image: linear-gradient(42deg, #F5F7FB 0%, #A7C9EA 100%);padding: 80px 0 70px;flex-basis: 100%;}
#swiper-step .cont::after{content: '';background: url(images/step-bg.svg) left center no-repeat;width: 860px;height: 540px;position: absolute;left: 6%;top:25%;}
#swiper-step .lft{flex-basis: 53.13725490196078%;z-index: 1;}
#swiper-step .rgt{background: #AAC9EB;width: 1056px;height: 694px;position: absolute;left:0;bottom:-70px;border-radius: 28px;transform: translateX(58%);padding: 28px;z-index: 1;}
#swiper-step .rgt .swiper-slide{border-radius: 9px;overflow: hidden;}
#swiper-step .title{font-size: 36px;margin-bottom: 30px;}
#swiper-step-txt{background: rgba(166, 197, 232,0.8);border-radius: 5px;padding: 10px;overflow: visible;}
#swiper-step-txt .swiper-slide p{background: #DAE6F2;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);border-radius: 5px;padding: 14px 20px;transition: all ease-in-out 0.4s;position: relative;filter: drop-shadow(0 1px 3px rgba(0,0,0,0.15));z-index: 1;}
#swiper-step-txt .swiper-slide:hover p,#swiper-step-txt .swiper-slide-thumb-active p{background: #F1F6FE;cursor: pointer;}
#swiper-step-txt .swiper-slide:not(:last-child){margin-bottom: 10px;}
#swiper-step-txt .swiper-slide-thumb-active p::after,#swiper-step-txt .swiper-slide-thumb-active>div::after{content: '';width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 12px;border-color: transparent transparent transparent #F1F6FE;position: absolute;right: -11px;top:50%;transform: translateY(-50%);transition: all ease-in-out 0.4s;}
#swiper-step-txt .swiper-slide-thumb-active>div::after{border-left-color: rgba(166, 197, 232,0.8);right: -21px;}

#various .cell{border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);width: 358px; background:#fff url(images/boot-up-bg.svg) no-repeat left center;margin-bottom: 20px;padding: 0 12px;height: 108px;overflow: hidden;}
#various .cell p{flex-basis: 75%;opacity:1;transition: all ease 0.4s;transform-origin: right center;}
#various .cell picture{width: 65px;height: 65px;background-color: #fff;border-radius: 50%;border:3px solid #DBE9FB;overflow: hidden;transition: all ease 0.4s;position: relative;}
#various .cell picture img{height: 100%;width: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: none;}
#various .cell:hover{border-width: 0;}
#various .cell:hover picture{width: 100%;height: 100%;border-radius: 0;position: absolute;left:0;top:0;border-width: 0;}
#various .cell:hover p{transform: scale(0) translateX(200px);opacity:0;}

#fq-gd .cont{background: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 1px;margin-top: 20px;}
#fq-gd .cell{padding: 34px 0 34px 34px;position: relative;flex-basis: 33.33333333%;-ms-flex-preferred-size:calc(33.33333333% - 34px);}
#fq-gd .cell::after{content: '';width: 82px;height: 82px;position: absolute;left: 34px;top:-20px;background-size: cover;}
#fq-gd .cell.faq::after{background: url(images/faq-ico.svg);}
#fq-gd .cell.tips::after{background: url(images/tips-ico.svg);}
#fq-gd .cell.guide::after{background: url(images/guide-ico.svg);}
#fq-gd .sub{padding:0 0 28px 102px;}
#fq-gd ul{padding-right: 34px;}
#fq-gd .cell:not(:last-child) ul{border-right: 1px solid #EDEDED;}
#fq-gd ul li{padding-left: 34px;position: relative;}
#fq-gd ul li:hover::after{transform: translateX(4px);}
#fq-gd ul li:not(:last-child){margin-bottom: 20px;}
#fq-gd ul li::after{content: '';background: url(images/go-ico.svg);width: 24px;height: 24px;position: absolute;left: 0;top:0;transition: all ease 0.4s;}

#com-pro .container{max-width: 1000px;}
#com-pro .cell{background: #fff; border: 1px solid #E8EBF0; box-shadow: 0 3px 6px rgba(50,50,93,0.10); border-radius: 8px;flex-basis: 47.5%;}
#com-pro .cell:hover{box-shadow: 0 40px 40px 0 rgba(43,43,88,0.14);}
#com-pro .cell ul:not(.yes) li::after{opacity: 0.8;}
#com-pro .cell .no{opacity: 0.6;}
#com-pro .cell .no::after{display: none;}
#com-pro .cell ul{padding: 30px 20px 40px 30px;}
#com-pro .cell ul.yes{border: 2px solid rgba(156, 194, 253,0.6);box-shadow: 2px 2px 6px rgba(0,0,0,0.1);border-radius: 3px;background-color: #fff;padding: 24px 30px 40px 48px;width: calc(100% + 42px);transform: translateX(-21px);margin: -20px 0 20px;}
#com-pro .cell.lft ul{border-bottom: 1px solid #E3EAF1;margin-bottom: 17px;}
#com-pro .cell.lft{padding-bottom: 24px;} 
#com-pro .cell.rgt{padding-bottom: 42px;} 
#com-pro .sub{font-size: 24px;background: #F7F9FC;padding: 20px 0;border-radius: 8px 8px 0 0;}
#com-pro .rgt .sub{color: #0091FF;}

#bt-banner{background-image: linear-gradient(225deg, #ACD4F7 0%, #EEF7FD 100%);overflow: hidden;}
#bt-banner .container{background: url(images/bt-bottom-bg.svg) left 90% no-repeat;padding: 67px 10px 51px;}
#bt-banner .title{font-size: 36px;margin-bottom: 10px;}
#bt-banner .tip{margin-bottom: 14px;}
#bt-banner .lft{width: 313px;margin-right: 8.82352941176471%;}
#bt-banner .rgt{flex-basis: calc(91.176471% - 313px);}

#wa-tr .sub,#wa-ba .sub,#wa-re .sub{font-size: 24px;margin-bottom: 30px;}
#wa-tr .sub .ico,#wa-ba .sub .ico,#wa-re .sub .ico{width: 72px;height: 72px;border-radius: 50%;box-shadow: 0 11px 22px 0 rgba(0,0,0,0.10);margin-right: 20px;}
#wa-tr .ico-group{width: 220px;height: 52px;padding: 0 9px;border-radius: 26px;background: #f8f8f8;margin: -10px 0 50px;}

#wa-ba .rgt{margin-right:-60px;}
#wa-tr .lft,#wa-re .lft{margin-left: -80px;}

#wa-ex .explore-more{padding-top: 30px;}

#wa-te .cell{padding: 40px 30px 46px;background: #fff;border: 1px solid #F1F1F1;border-radius: 4px;flex-basis: 32%;-ms-flex-preferred-size:calc(32% - 60px);}
#wa-te .sub{font-size: 22px;}
#wa-te .ce-sub{margin-top: 20px;}
#wa-te .cont{margin-top: 20px;border-top: 1px solid #e7e7e7;}

#if-ma{padding-bottom: 76px;}
#if-ma .app-group{padding-bottom: 40px;}
#if-ma picture{width: 32px;height: 32px;overflow: hidden;}
#if-ma picture:not(:first-child){margin-left: 18px;}

#if-li .lft,#if-li .rgt{flex-basis:49%;}

#if-tr .cont{padding-top: 30px;}
#if-tr .sub{font-size: 24px;margin-bottom: 18px;}
#if-tr .view-link{color: #6772E5;padding-top: 12px;}
#if-tr .rgt .cell:first-child{padding-bottom: 35px;margin-bottom:35px;border-bottom: 2px solid #F3F6FB;}

#if-ba .backup{padding: 40px 0 120px;}
#if-ba .cell{padding-bottom: 20px;border-bottom: 2px solid #EBEFF6;}
#if-ba .cell:not(:last-child){margin-bottom: 30px;}
#if-ba .rgt.pic{margin-right: -180px;}
#if-ba .lft.pic{margin-left: -180px;}
#if-ba .ce-sub{margin-bottom: 10px;font-size: 20px;}

#if-re .rgt{margin-right: -160px;}
#if-re .cell{padding:0 0 26px 0;border:none;border-bottom: 2px solid #F3F6FB;box-shadow: none;}
#if-re .sub{font-size: 24px;}
#if-re .ico{box-shadow: 0 2px 6px 0 rgba(0,0,0,0.24);margin-right: 22px;}

#if-ex .lft{margin-left: -110px;position: sticky;position: -webkit-sticky;top: 20%;}

#ud-mac-rc{padding-bottom: 80px;}

#ud-mac-ls .text-ha{color: #FF827F;}
#ud-mac-ls .text-hu{color: #FF1272;}
#ud-mac-ls .text-so{color: #FFD300;}
#ud-mac-ls .text-vi{color: #B8D100;}
#ud-mac-ls .text-na{color: #03B0F5;}
#ud-mac-ls .chart{padding: 0 20px}
#ud-mac-ls .shape { height: 0; border-radius: 50%; margin-bottom: 50px; width: 100%; padding-bottom: 100%;position: relative;z-index: -1;}
#ud-mac-ls .shape::after { content: ''; width: 50%; height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 5; background-color: #fff; border-radius: 50% }
#ud-mac-ls .shape div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; transition: all ease .8s }
#ud-mac-ls .lft .shape .hardware { background-image: linear-gradient(to left,#FF827F 49%,#fff 49%,#fff 50%,transparent 50%); }
#ud-mac-ls .lft .shape .humar { background-image: linear-gradient(to left,#FF1272 49%,#fff 49%,#fff 50%,transparent 50%); }
#ud-mac-ls .lft .shape .software { background-image: linear-gradient(to right,#FFD300 49%,#fff 49%,#fff 50%,transparent 50%); }
#ud-mac-ls .lft .shape .virus { background-image: linear-gradient(to right,#B8D100 49%,#fff 49%,#fff 50%,transparent 50%); }
#ud-mac-ls .lft .shape .natural { background-image: linear-gradient(to right,#03B0F5 49%,#fff 49%,#fff 50%,transparent 50%); }
#ud-mac-ls .shape div::before { content: ''; display: block; margin-left: 50%; height: 100%; transform-origin: left;background: #fff;}
#ud-mac-ls .shape div::after { position: absolute; color: #fff;transition: all ease-in-out .8s }
#ud-mac-ls .shape .hardware::before { background: #ff827f; border-radius: 0 100% 100% 0/50% }
#ud-mac-ls .shape .humar::before {  transform: rotate(.28turn) }
#ud-mac-ls .shape .software::before { transform: rotate(.6turn) }
#ud-mac-ls .shape .virus::before { transform: rotate(-.45turn) }
#ud-mac-ls .shape .natural::before { transform: rotate(-.47turn) }
#ud-mac-ls .shape.actived .hardware::before { transform: rotate(.04turn) }
#ud-mac-ls .shape.actived .humar { transform: rotate(.54turn) }
#ud-mac-ls .shape.actived .software { transform: rotate(.32turn) }
#ud-mac-ls .shape.actived .virus { transform: rotate(.42turn) }
#ud-mac-ls .shape.actived .natural { transform: rotate(.47turn) }
#ud-mac-ls .shape .hardware.actived { transform: scale(1.1) }
#ud-mac-ls .shape .humar.actived { transform: rotate(0.54turn) scale(1.1) }
#ud-mac-ls .shape .software.actived { transform: rotate(.32turn) scale(1.1) }
#ud-mac-ls .shape .virus.actived { transform: rotate(.42turn) scale(1.1) }
#ud-mac-ls .shape .natural.actived { transform: rotate(.47turn) scale(1.1) }
#ud-mac-ls .shape .hardware::after { content: '54%'; right: 30px; bottom: 50%; font-size: 20px }
#ud-mac-ls .shape .humar::after { content: '28%'; right: 55px; bottom: calc(50% + 65px); font-size: 20px; transform: rotate(-.54turn) }
#ud-mac-ls .shape .software::after { content: '10%'; left: calc(50% - 70px); bottom: 40px; font-size: 18px; transform: rotate(-.32turn) }
#ud-mac-ls .shape .virus::after { content: '5%'; left: calc(50% - 38px); bottom: 22px; transform: rotate(-.42turn) }
#ud-mac-ls .shape .natural::after { content: '3%'; left: calc(50% - 30px); bottom: 18px; transform: rotate(-.47turn) }
#ud-mac-ls .lft ul li { flex-basis: 33%; padding-left: 25px; margin-top: 15px;-ms-flex-preferred-size:calc(33% - 25px);}
#ud-mac-ls .lft ul li::after { content: ''; position: absolute; left: 0; top: 0; width: 14px; height: 14px;background-color:currentColor}
#ud-mac-ls .cell.actived::after{content: '';background-color: #FF612E;width: 3px;height: 100%;position: absolute;left: 0;top:0;}

#ud-mac-wr .rgt{margin-right: -85px;}
#ud-mac-wr .sub{padding-bottom: 12px;border-bottom: 1px solid #E7E7E7;}

#ud-mac-fe .lft{margin-left: -150px;}
#ud-win-sc .lft{margin-left: -76px;}

#ud-win-mi .lft,#ud-win-mi .rgt{flex-basis:49%;}
#ud-win-mi p{min-height: 44px;}

#ud-win-de .lft{margin-left: -30px;}
#ud-win-de .rgt ul{padding-bottom: 24px;}

#ud-an-rc .lft{margin-left: 82px;}
#ud-an-rc .sub{margin-bottom: 14px;}
#ud-an-rc .info{margin-bottom: 40px;}
#ud-an-rc .cont{background-image: linear-gradient(-90deg, #fff 0%, #F8F8F8 100%);border-radius: 2px;padding: 18px 12% 18px 4% ;}
#ud-an-rc .cell picture{width: 32px;height: 32px;margin: 0 auto 8px;}

#ud-an-tp .rgt{margin-right: -100px;}
#ud-an-tp .lft picture{width: 32px;height: 32px;margin: 0 auto 10px;}
#ud-an-tp .cont{margin: -10px -10px 0;}
#ud-an-tp .cont a{padding: 10px;display: block;}

#ud-an-ph .sub{margin-bottom: 14px;}
#ud-an-ph .info{margin-bottom: 40px;}
#ud-an-ph .lft picture{width: 32px;height: 32px;margin: 0 auto 10px;}
#ud-an-ph .cont{background-image: linear-gradient(-90deg, #fff 0%, #F8F8F8 100%);border-radius: 2px;padding: 18px 4%;margin-top: 24px;}
#ud-an-ph .cont .cell{padding: 10px;}

#ud-an-ba .lft{margin-left: -25px;}
#ud-an-ba .rgt ul{padding-bottom: 24px;}


#ud-an-sp .tp{margin-bottom: 26px;}
#ud-an-sp .tp .cell{flex-basis: 49%;}
#ud-an-sp .cell{padding: 22px 30px 35px;background-color: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);position: relative;}
#ud-an-sp .cell::after{content: '';height: 2px;width: 100%;position: absolute;bottom: 0;left: 0;background-color: #3ECF8E;opacity: 0;transform: scaleX(0);transition: all linear 0.2s;}
#ud-an-sp .cell:hover::after{opacity: 1;transform: scaleX(1);}
#ud-an-sp .sub{font-size: 22px;margin-bottom: 16px;padding-bottom: 12px;border-bottom: 1px solid #e7e7e7;}
#ud-an-sp h5{margin-bottom: 10px;}
#ud-an-sp .ce:first-child{flex-basis: 44%;}
#ud-an-sp .ce p:not(:last-child){padding-bottom: 8px;}
#ud-an-sp .view-link{font-size: 15px;color: #6772E5;padding-top: 16px;}

#ud-ip-md .cell{padding:60px 0;}
#ud-ip-md .pic.rgt{margin-right: 52px;}
#ud-ip-md .pic.lft{margin-left: 52px;}

#ud-ip-mt .pic.rgt{margin-right: 30px;}
#ud-ip-mt .cell:not(:last-child){margin-bottom: 100px;}
#ud-ip-mt .cell .types,#ud-ip-mt .cell .device{background-color: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 4px;padding: 18px 30px 28px;}
#ud-ip-mt .ce-sub{font-size: 20px;padding-bottom: 12px;border-bottom: 1px solid #E5ECF6;margin-bottom: 23px;}
#ud-ip-mt .types .cont{margin-bottom: 20px;border-bottom: 1px solid #E5ECF6;}
#ud-ip-mt .types .cont .cell{flex-basis: 16.7%;margin-bottom: 22px;}
#ud-ip-mt .types .cont picture{width: 42px;height: 42px;margin: 0 auto 10px;overflow: hidden;}
#ud-ip-mt .cell .device p:not(:last-child){padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #E5ECF6;}

#bt-rc .rgt,#bt-rs .lft{flex-basis: 41.42857142857%}
#bt-rc .cell,#bt-rs .cell{background-color: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 5px;}
#bt-rc .cell{margin-bottom: 24px;padding: 25px 10px;}
#bt-rc .cell picture{margin-bottom: 14px;}
#bt-rc .cell svg{margin-top: 18px;}
#bt-rc .cont .cell{width: 220px;}

#bt-rs .cell{width: 220px;height: 160px;margin-bottom: 24px;}
#bt-rs .ico{width: 48px;height: 48px;border-radius: 50%;margin-bottom: 18px;}

#bt-pw .rgt{flex-basis: 46.42857142857142%;background-color: #fff;box-shadow: 0 40px 40px 0 rgba(43,43,88,0.14);border-radius: 8px;padding-bottom: 30px;}
#bt-pw .sub{font-size: 24px;padding: 20px 5px;border-radius: 8px 8px 0 0;}
#bt-pw .rgt ul{padding: 30px;margin: 0;border-bottom: 1px solid #E3EAF1;}
#bt-pw .rgt li::after{opacity: 0.8;}
#bt-pw .rgt .btn{margin: 30px 0 14px;padding: 13px 68px;}

#fk-lk .lft{margin-left: -120px;position: sticky;position: -webkit-sticky;top: 10%;}
#fk-lk .rgt .tp{background-color: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);margin-bottom: 40px;}
#fk-lk .rgt .cell{padding:30px;}
#fk-lk .rgt .cell:last-child{border-top: 1px solid #EDEDED;background-color: #F8FAFD;}
#fk-lk .rgt li:not(:last-child){margin-bottom: 20px;}
#fk-lk .sub{margin-bottom: 20px;}
#fk-lk .ico{width: 20px;height: 20px;margin-right: 16px;border-radius: 50%;}
#fk-lk .bt p:not(:last-child){margin-bottom: 20px;}

#fk-hp .help{padding: 20px 0 60px;}
#fk-hp .remove{padding: 60px 0;}
#fk-hp .reset{padding: 60px 0 20px;}
#fk-hp .help .lft{margin-left: -60px;}
#fk-hp .remove .rgt{margin-right: 10px;}
#fk-hp .reset .lft{margin-left: 65px;}

#fk-pw-fc .cell.wifi {padding: 40px 0 100px;}
#fk-pw-fc .cell.recover{padding-bottom: 90px;}
#fk-pw-fc .cell.click{padding-bottom: 20px;}
#fk-pw-fc .cell.wifi .rgt{margin-right: 100px;}
#fk-pw-fc .cell.recover .lft{margin-left: -40px;}
#fk-pw-fc .cell.click .rgt{margin-right: 10px;}

#fk-pw-ma .lft{margin-left: 150px;}

#fk-pw-ex .cell{background-color: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);flex-basis: 17.5%;padding: 36px 0 37px;}
#fk-pw-ex .cell svg{margin-bottom: 20px;}


#fk-ip-me .cell{padding: 34px 25px 40px;flex-basis: 32%;-ms-flex-preferred-size:calc(32% - 50px);}

#tc-fc .problem{padding: 40px 0 60px;}
#tc-fc .issue{padding: 50px 0 60px;}
#tc-fc .error{padding: 60px 0 30px;}
#tc-mac-fp .problem{padding: 40px 0 90px;}
#tc-fc .btn,#tc-mac-fp .btn{margin: 30px 0 0;}

#tc-mac-er .info svg{margin-bottom: -20px;}
#tc-mac-er .info{padding: 30px 0 0;}
#tc-mac-er .info h6{margin: 20px 0 -22px;}
#tc-mac-er .info p{padding-top: 30px;}

#rb-hp .cell:not(.fix){margin-top: 90px;}
#rb-hp .fix{margin-top: 40px;}
#rb-hp .fix .lft{margin-left: -21px;}
#rb-hp .loss .rgt{margin-right: 93px;}
#rb-hp .repair .lft,#rb-hp .more .lft{margin-left: 93px;}
#rb-hp .tv .rgt{margin-right: 74px;}

#rb-de .rgt{margin-right: -34px;}
#rb-de .num{font-size: 24px;margin: 0 14px 0 18px;}
#rb-de ul{border: 1px solid #E4EAEB;border-radius: 2px;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);}
#rb-de ul li{padding: 26px 28px;}
#rb-de ul li:not(:last-child){border-bottom: 1px solid #E4EAEB;}

#rb-to .lft{margin-left: -74px;}
#rb-an-sp table{margin-bottom: 20px;}

#fk-re .lft{margin-left: -110px;}
#fk-sc .rgt{margin-right: -40px;}
#fk-sy .lft{margin-left: -40px;}
#rb-an-tf .lft,#rb-an-en .lft{margin-left: -92px;}
#rb-an-es .rgt,#rb-an-ex .rgt,#rb-an-sp .rgt{margin-right: -92px;}
#rb-an-fa .lft{margin-left: -98px;}

#tg-de .lft{margin-left: -107px;}
#tg-so .rgt,#tg-sy .rgt{margin-right: -52px;}
#tg-tr .lft,#tg-sp .lft{margin-left: -51px;}

#tc-tp{padding: 70px 0 66px;}
#tc-tp .container{max-width: 900px;}
#tc-tp .title{font-size: 36px;padding-bottom: 20px;}
#tc-tp .tip{padding-bottom: 30px;}
#tc-co .sub{font-size: 22px;padding-bottom: 40px;position: relative;}
#tc-co .sub::after{content: '';width: 6px;height: 22px;background-color: #ff9d7d;position: absolute;left: 0;top: 3px;z-index: -1;}
#tc-co table{width: 100%;margin-bottom: 70px;}
#tc-co table td{border: 1px solid #D8D8D8;padding: 14px 2%;}


#fr-co{padding: 80px 0 0;}
#fr-co .sub{font-size: 30px;padding-bottom: 20px;}
#fr-co .info:not(:last-child){padding-bottom: 30px;}
#fr-co .cell{padding-bottom: 50px;margin-bottom: 50px;border-bottom: 2px solid #F7F9FC;}
#fr-co .pic{flex-basis: 49.01960784313725%;padding: 12px;box-shadow: 0px 2px 6px 0 rgba(0,0,0,0.11);}
#fr-co .txt{flex-basis: 44.11764705882353%;}

#ot-bt .sub{padding: 6px;}
#ot-bt .cell{border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 4px;flex-basis: 32%;}
#ot-bt .cont{padding:0 4% 44px;}
#ot-bt .pro-title,#ot-bt .desc{padding-bottom: 14px;}
#ot-bt picture{width: 112px;margin: 20px auto;}

#tp-banner.fmekey{padding:90px 0 120px}
#tp-banner.fmekey::after {background-image: url(images/fmekey-banner.svg);}
#pw-lc .preca{max-width: 900px;background:#F5FBFF;padding: 16px 28px;margin: 0 auto 100px;}
#pw-lc .preca p{font-size: 18px;line-height: 18px;}
#pw-lc .preca ul li{font-size:14px;line-height: 18px;margin-top: 10px;font-weight:300;list-style-type: disc;list-style-position:inside}
#pw-lc.com-block .com-title{max-width: 820px;}
#pw-lc .cell.wifi {padding: 40px 0 100px;}
#pw-lc .cell.recover{padding-bottom: 90px;}
#pw-lc .cell.click{padding-bottom: 20px;}
#pw-lc .cell.wifi .rgt{margin-right: 100px;}
#pw-lc .cell.recover .lft{margin-left: -40px;}
#pw-lc .cell.click .rgt{margin-right: -160px;}
#erase-lock.com-block .com-title{max-width: 850px;}
#erase-lock .cell{flex-basis: 49%;height: 100%;border: 1px solid #E8EBF0;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);}
#erase-lock .cell p{font-size: 20px;color: #2b2b58;line-height: 28px;font-weight: 500;padding: 11px 46px 11px 104px;}
#erase-lock .cell ul li{border-top: 1px solid #E8EBF0;padding: 20px 46px 20px 106px;min-height: 90px;align-items: center;line-height: 26px;}
#erase-lock .cell ul li svg{position: absolute;top: auto;left: 32px;}
#wa-fq-gd .conts{background: #fff;border: 1px solid #EDEDED;box-shadow: 2px 4px 8px 0 rgba(43,43,88,0.06);border-radius: 1px;margin-top: 20px;}
#wa-fq-gd .conts:first-child{width: 66%;margin-right: 20px;}
#wa-fq-gd .conts:last-child{width: 32%;}
#wa-fq-gd .cell{padding: 34px 0 34px 0px;position: relative;}
#wa-fq-gd .cell::after{content: '';width: 82px;height: 82px;position: absolute;left: 34px;top:-20px;background-size: cover;}
#wa-fq-gd .cell.faq::after{background: url(images/faq-ico.svg);}
#wa-fq-gd .cell.tips::after{background: url(images/tips-ico.svg);}
#wa-fq-gd .sub{padding:0 0 28px 136px;}
#wa-fq-gd ul{padding-right: 10px;}
#wa-fq-gd .cell:not(:last-child) ul{border-right: 1px solid #EDEDED;}
#wa-fq-gd .faq ul li{padding-left: 10px;position: relative;}
#wa-fq-gd .tips ul li{padding-left: 44px;position: relative;}
#wa-fq-gd ul li:hover::after{transform: translateX(4px);}
#wa-fq-gd ul li:not(:last-child){margin-bottom: 20px;}
#wa-fq-gd .tips ul li::after{content: '';background: url(images/go-ico.svg);width: 24px;height: 24px;position: absolute;left: 10px;top:0;transition: all ease 0.4s;}

@media (max-width: 1120px){
    .com-block,#swiper-step .cont{padding: 60px 0;}
    .com-block .com-title,#swiper-step .title,#bt-banner .title{font-size: calc(18px + 1.5vw);max-width: 100%;}
    .com-block .com-tip{font-size: calc(14px + 0.4vw);max-width: 100%;}
    .com-block .lft,.com-block .rgt{margin-left: auto !important;margin-right: auto !important;}
}

@media (max-width: 960px){
    .basis-960{flex-basis: 100% !important;}
    .com-block,#swiper-step .cont{padding: 50px 0;}
    #tp-banner {padding: 68px 0 !important;}
    #wa-te .cell:not(:last-child){margin-bottom: 20px;}
    #swiper-step-txt .swiper-slide-thumb-active p::after, #swiper-step-txt .swiper-slide-thumb-active>div::after{display: none;}
    #swiper-step{height: auto;}
    #fq-gd .cell{padding: 34px 20px;}
    #fq-gd .cell:not(:last-child) ul{border-right: none;}
    #fq-gd .cell:not(:last-child){border-right:none;border-bottom: 1px solid #EDEDED;}
    #comment .swiper-wrapper{height: auto!important;}
    #ud-mac-ls .cont{overflow: hidden;}

    #wa-fq-gd .conts{width: 100% !important; margin-right: 0 !important;}
    #erase-lock .cell:last-child{margin-top: 20px;}
    
}
@media (max-width: 769px){
    #tp-banner .cont{max-width: none;}
    #tp-banner {padding: 40px 0 !important;}
    #bt-banner .rgt{flex-basis: 100%;}
    #tp-banner .title{font-size:calc(24px + 2.8vw)}
    #tp-banner .tip{font-size: calc(16px + 1vw);}
    #tp-banner::after{display: none;}
    .com-block .com-title{padding-bottom:40px;}
    

    #wa-ba .sub,#wa-tr .sub,#wa-re .sub{font-size: calc(16px + 0.7vw);}
    #discuss{margin-top: 50px;}
    #discuss .bt .rgt{padding-top: 10px;margin-top: 10px;border-top: 1px solid #f2f2f2;}
}

@media (max-width: 480px){
    #ud-an-rc .cont{padding: 18px 10px;}
    #com-pro .cell ul.yes{width: 100%;transform: translateX(0);}
}