html, div, body, p, form, img, dd, h1, h2, h3, h4, input{font-family:"Lato","Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";}
a.color{color:#00ade5;}
.clearfloat::after{content:"";display: block;height: 0;clear:both;overflow: hidden;visibility: hidden;}
.clearfloat{zoom:1;}
.container{display:block;position:relative;max-width:1200px !important;width:100%;box-sizing: border-box;overflow: visible;z-index: 10;}
.flex-box{display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;overflow: visible;}
h2{display:block;margin-bottom: 45px;max-width:1200px;padding:0 10px;font-size: 36px;text-align: center;color:#222;line-height: 50px;font-weight:400;}
/*free trial*/
.free-trial{margin:0 auto;max-width:360px;}
.free-trial a{display: block;box-sizing:border-box;width: 172px;height: 40px;padding-left:20px;border-radius:4px;color:#fff !important;line-height: 40px;text-align: center;font-size:14px;background: #00ade5 url(/images/topic/win-mac.png) 0 0 no-repeat;}
.free-trial a.win:hover{background-position: 0 -40px;background-color: #00a9df;}
.free-trial a.mac{background-position: 0 -80px}
.free-trial a.mac:hover{background-position: 0 -120px;background-color: #00a9df;}

/*header*/
#header{position:relative;width:100%;overflow:visible;padding:10px 0 0 0;height: 130px;box-sizing:border-box;box-shadow: 0 0 20px 0 #ccc;z-index: 99;}
.container-max{max-width:1200px;width:100%;overflow:hidden}
.container-max .icon-pro{float:left}
.bg-blue{background-color:#e8f7fd}
.bg-blue-s{background-color:#f0f6fa}
.bg-grey{background-color:#f6f6f6}
.bg-grey-s{background-color:#f4f4f4}
a.index-icon{float:right;margin-top: -5px;}
.icon-pro a{font-size:18px}
.icon-pro img{margin-right:10px}
.icon-pro:hover a{color:#4aa6e5}
.icon-pro:hover img{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
ul#vice-menu{display:block;float:none;margin:0 auto;max-width:700px;width:100%;overflow:hidden;}
ul#vice-menu>li>a{display:inline-block;padding:15px 20px}
ul#vice-menu li a:hover{text-decoration:underline}
ul#vice-menu li{float:left;font-size:16px}
ul#vice-menu li.special{padding-right:20px}
ul#vice-menu li.special a.arrow,ul#vice-menu li.special a.arrowtop{position:relative}
ul#vice-menu li.special a.arrowdown:before{position:absolute;content:"";width:0;height:0;left:90%;top:48%;border-top:4px solid #666;border-left:4px solid transparent;border-right:4px solid transparent}
ul#vice-menu li.special a.arrowtop:before{position:absolute;content:"";width:0;height:0;left:90%;top:48%;border-bottom:4px solid #666;border-left:4px solid transparent;border-right:4px solid transparent}
ul#vice-menu>li:nth-last-of-type(1)>a{background: url(/images/article/promotion.gif) -2px -4px no-repeat;margin-right: 20px;padding: 15px 0 15px 40px;}
.fixbar{position:fixed;width:100%;background-color:rgba(255,255,255,.8);border-bottom:2px solid #f3f3f3;top:60px;right:0;z-index:99;-webkit-transform: translatez(100px);transform: translatez(100px);}
.fixbar.hide{display: none;}
.type-mobile-fixbar.fixbar{position:fixed;width:156px;background-color:rgba(255,255,255,.8);border-bottom:2px solid #f3f3f3;top:60px;right:0;z-index:99;-webkit-transform: translatez(100px);transform: translatez(100px);}
.fixtop{top:0}
.menu_dropDown{display:none;position: absolute;left: 0;background-color:#f7f7f7;width:100%;box-sizing: border-box;padding-left:20px;}
.nav-bg{background:#000;opacity:.7;width:100%;height:100%;position:fixed}
ul#vice-menu .menu_dropDown .container{padding:30px 0}
ul#vice-menu .menu_dropDown ul li{text-align:left;width:20%;padding:0}
ul#vice-menu .menu_dropDown ul li:before{content:'\2022';color:#5d5d5d;font-size:16px;padding:5px;display:inline-block}
ul#vice-menu .menu_dropDown ul{display:block;margin:0 auto;overflow:hidden}
.right-nav{display:inline-block;box-sizing:border-box;margin:10px 10px 0 0;width: 26px;height: 26px;font-size:30px;line-height: 40px;transition: all .5s;}
.right-nav>img{display: block;width: 9px;height: 26px;}
.right-nav.hide{display: none;}
.right-nav.type-mobile-right-nav-rotate{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);};
.right-nav.point{background-size: cover;}
.fixbar.fixbar-active{display: block;}
/*banner*/
.banner-topic{width:100%;height: 480px;background: #f7f7f7 url(/images/topic/wave.png) center 88% no-repeat;z-index: 12;}
.banner-topic .container{height: 100%;padding:50px 0 0;overflow: hidden;}
.banner-topic h1{display: block;font-size:28px;text-align: center;}
.banner-topic h1 a{display:inline-block;font-size:16px;color:#4aa6e5;vertical-align: top;height: 40px;line-height: 40px;}
.banner-topic .video-play{display: block;position:absolute;left: 0;top: 120px;right: 0;margin:auto;max-width:450px;width:100%;box-shadow: 0 0 50px 0 rgba(187, 202, 247,.7);opacity: 1;}
.banner-topic .free-trial{margin:auto;position: absolute;left: 0;right: 0;top: 410px;}
.banner-topic img{position:absolute;left: 0;top: 0;opacity: 0;}
.banner-topic .computer{left:70%;top:66%;animation: computer 1s linear 2s forwards;}
@-moz-keyframes computer{0%{opacity: 0;} 100%{opacity: 1;}}
@-webkit-keyframes computer{0%{opacity: 0;} 100%{opacity: 1;}}
@-o-keyframes computer{0%{opacity: 0;} 100%{opacity: 1;}}
@keyframes computer{0%{opacity: 0;} 100%{opacity: 1;}}
.banner-topic .trush{top: 176px;animation: trush 1s linear 0s  forwards;}
@-moz-keyframes trush{0%{opacity: 0;} 100%{opacity: 1;}}
@-webkit-keyframes trush{0%{opacity: 0;} 100%{opacity: 1;}}
@-o-keyframes trush{0%{opacity: 0;} 100%{opacity: 1;}}
@keyframes trush{0%{opacity: 0;} 100%{opacity: 1;}}
.banner-topic .photo{left:50px;top: 220px;left: 114px;top: 320px;animation: photo 5s linear 1s infinite;opacity: 0;}
@-moz-keyframes photo{0%{opacity: 0;} 10%{left: 82px;top: 270px;opacity: 0.8;} 20%{left:50px;top: 220px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left:50px;top: 220px;}}
@-webkit-keyframes photo{0%{opacity: 0;} 10%{left: 82px;top: 270px;opacity: 0.8;} 20%{left:50px;top: 220px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left:50px;top: 220px;}}
@-o-keyframes photo{0%{opacity: 0;} 10%{left: 82px;top: 270px;opacity: 0.8;} 20%{left:50px;top: 220px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left:50px;top: 220px;}}
@keyframes photo{0%{opacity: 0;} 10%{left: 82px;top: 270px;opacity: 0.8;} 20%{left:50px;top: 220px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left:50px;top: 220px;}}
.banner-topic .photo-shadow{left:62%;top: 50%;animation: photo-shadow 5s linear 5s infinite;}
@-moz-keyframes photo-shadow {0%{opacity: 1;} 10%{left: 66.7%;top: 64.5%;opacity: 1;} 20%{left: 71.4%;top: 79%;opacity: 1;}50%{left: 71.4%;top: 79%;opacity: 1;}51%{left: 71.4%;top: 79%;opacity: 0;}100%{left: 71.4%;top: 79%;opacity: 0;}}
@-webkit-keyframes photo-shadow {0%{opacity: 1;} 10%{left: 66.7%;top: 64.5%;opacity: 1;} 20%{left: 71.4%;top: 79%;opacity: 1;}50%{left: 71.4%;top: 79%;opacity: 1;}51%{left: 71.4%;top: 79%;opacity: 0;}100%{left: 71.4%;top: 79%;opacity: 0;}}
@-o-keyframes photo-shadow {0%{opacity: 1;} 10%{left: 66.7%;top: 64.5%;opacity: 1;} 20%{left: 71.4%;top: 79%;opacity: 1;}50%{left: 71.4%;top: 79%;opacity: 1;}51%{left: 71.4%;top: 79%;opacity: 0;}100%{left: 71.4%;top: 79%;opacity: 0;}}
@keyframes photo-shadow {0%{opacity: 1;} 10%{left: 66.7%;top: 64.5%;opacity: 1;} 20%{left: 71.4%;top: 79%;opacity: 1;}50%{left: 71.4%;top: 79%;opacity: 1;}51%{left: 71.4%;top: 79%;opacity: 0;}100%{left: 71.4%;top: 79%;opacity: 0;}}
.banner-topic .message{left:114px;top: 320px;animation: message 5s linear 1s infinite;opacity: 0;}
@-moz-keyframes message{0%{opacity: 0;} 10%{top: 193px;opacity: 0.8;} 20%{top: 166px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{top: 166px;}}
@-webkit-keyframes message{0%{opacity: 0;} 10%{top: 193px;opacity: 0.8;} 20%{top: 166px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{top: 166px;}}
@-o-keyframes message{0%{opacity: 0;} 10%{top: 193px;opacity: 0.8;} 20%{top: 166px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{top: 166px;}}
@keyframes message{0%{opacity: 0;} 10%{top: 193px;opacity: 0.8;} 20%{top: 166px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{top: 166px;}}
.banner-topic .message-shadow{left:73.8%;top: 48%;animation: message-shadow 5s linear 5s infinite;}
@-moz-keyframes message-shadow {0%{opacity: 1;} 10%{left: 77.1%;top: 63.6%;opacity: 1;} 20%{left: 80.6%;top: 79%;opacity: 1;}50%{left: 80.6%;top: 79%;opacity: 1;}51%{left: 80.6%;top: 79%;opacity: 0;}100%{left: 80.6%;top: 79%;opacity: 0;}}
@-webkit-keyframes message-shadow {0%{opacity: 1;} 10%{left: 77.1%;top: 63.6%;opacity: 1;} 20%{left: 80.6%;top: 79%;opacity: 1;}50%{left: 80.6%;top: 79%;opacity: 1;}51%{left: 80.6%;top: 79%;opacity: 0;}100%{left: 80.6%;top: 79%;opacity: 0;}}
@-o-keyframes message-shadow {0%{opacity: 1;} 10%{left: 77.1%;top: 63.6%;opacity: 1;} 20%{left: 80.6%;top: 79%;opacity: 1;}50%{left: 80.6%;top: 79%;opacity: 1;}51%{left: 80.6%;top: 79%;opacity: 0;}100%{left: 80.6%;top: 79%;opacity: 0;}}
@keyframes message-shadow {0%{opacity: 1;} 10%{left: 77.1%;top: 63.6%;opacity: 1;} 20%{left: 80.6%;top: 79%;opacity: 1;}50%{left: 80.6%;top: 79%;opacity: 1;}51%{left: 80.6%;top: 79%;opacity: 0;}100%{left: 80.6%;top: 79%;opacity: 0;}}
.banner-topic .music{left:120px;top: 320px;animation: music 5s linear 1s infinite;opacity: 0;}
@-moz-keyframes music{0%{opacity: 0;} 10%{left: 117px;top: 290px;opacity: 0.8;} 20%{left: 114px;top: 260px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left: 114px;top: 260px;}}
@-webkit-keyframes music{0%{opacity: 0;} 10%{left: 117px;top: 290px;opacity: 0.8;} 20%{left: 114px;top: 260px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left: 114px;top: 260px;}}
@-o-keyframes music{0%{opacity: 0;} 10%{left: 117px;top: 290px;opacity: 0.8;} 20%{left: 114px;top: 260px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left: 114px;top: 260px;}}
@keyframes music{0%{opacity: 0;} 10%{left: 117px;top: 290px;opacity: 0.8;} 20%{left: 114px;top: 260px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left: 114px;top: 260px;}}
.banner-topic .music-shadow{left:68%;top: 66%;animation: music-shadow 5s linear 5s infinite;}
@-moz-keyframes music-shadow{0%{opacity: 1;} 10%{left: 69.5;top: 67%;opacity: 1;} 20%{left: 71%;top: 68%;opacity: 1;}50%{left: 71%;top: 68%;opacity: 1;}51%{left: 71%;top: 68%;opacity: 0;}100%{left: 71%;top: 68%;opacity: 0;}}
@-webkit-keyframes music-shadow{0%{opacity: 1;} 10%{left: 69.5;top: 67%;opacity: 1;} 20%{left: 71%;top: 68%;opacity: 1;}50%{left: 71%;top: 68%;opacity: 1;}51%{left: 71%;top: 68%;opacity: 0;}100%{left: 71%;top: 68%;opacity: 0;}}
@-o-keyframes music-shadow{0%{opacity: 1;} 10%{left: 69.5;top: 67%;opacity: 1;} 20%{left: 71%;top: 68%;opacity: 1;}50%{left: 71%;top: 68%;opacity: 1;}51%{left: 71%;top: 68%;opacity: 0;}100%{left: 71%;top: 68%;opacity: 0;}}
@keyframes music-shadow{0%{opacity: 1;} 10%{left: 69.5;top: 67%;opacity: 1;} 20%{left: 71%;top: 68%;opacity: 1;}50%{left: 71%;top: 68%;opacity: 1;}51%{left: 71%;top: 68%;opacity: 0;}100%{left: 71%;top: 68%;opacity: 0;}}
.banner-topic .video{left: 114px;top: 320px;animation: video 5s linear 1s infinite;opacity: 0;}
@-moz-keyframes video{0%{opacity: 0;} 10%{left: 162px;top: 255px;opacity: 0.8;} 20%{left:210px;top: 190px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left:210px;top: 190px;}}
@-webkit-keyframes video{0%{opacity: 0;} 10%{left: 162px;top: 255px;opacity: 0.8;} 20%{left:210px;top: 190px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left:210px;top: 190px;}}
@-o-keyframes video{0%{opacity: 0;} 10%{left: 162px;top: 255px;opacity: 0.8;} 20%{left:210px;top: 190px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left:210px;top: 190px;}}
@keyframes video{0%{opacity: 0;} 10%{left: 162px;top: 255px;opacity: 0.8;} 20%{left:210px;top: 190px;opacity: 1;} 69.99%{opacity: 1;} 70%{opacity: 0;} 100%{left:210px;top: 190px;}}
.banner-topic .video-shadow{left:66%;top: 30%;animation: video-shadow 5s linear 5s infinite;}
@-moz-keyframes video-shadow{0%{opacity: 1;} 10%{left: 73.5%;top: 43.5%;opacity: 1;} 20%{left: 81%;top: 67%;opacity: 1;}50%{left: 81%;top: 67%;opacity: 1;}51%{left: 81%;top: 67%;opacity: 0;}100%{left: 81%;top: 67%;opacity: 0;}}
@-webkit-keyframes video-shadow{0%{opacity: 1;} 10%{left: 73.5%;top: 43.5%;opacity: 1;} 20%{left: 81%;top: 67%;opacity: 1;}50%{left: 81%;top: 67%;opacity: 1;}51%{left: 81%;top: 67%;opacity: 0;}100%{left: 81%;top: 67%;opacity: 0;}}
@-o-keyframes video-shadow{0%{opacity: 1;} 10%{left: 73.5%;top: 43.5%;opacity: 1;} 20%{left: 81%;top: 67%;opacity: 1;}50%{left: 81%;top: 67%;opacity: 1;}51%{left: 81%;top: 67%;opacity: 0;}100%{left: 81%;top: 67%;opacity: 0;}}
@keyframes video-shadow{0%{opacity: 1;} 10%{left: 73.5%;top: 43.5%;opacity: 1;} 20%{left: 81%;top: 67%;opacity: 1;}50%{left: 81%;top: 67%;opacity: 1;}51%{left: 81%;top: 67%;opacity: 0;}100%{left: 81%;top: 67%;opacity: 0;}}
.box_video{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;}
.box_video>div{position:absolute;left:50%;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%;height: 70%;}
.box_video>div>i{float:right;position: static;cursor:pointer;opacity: 1;width: 20px;height: 20px;background: url(/images/topic/close.png) 0 0 no-repeat;background-size: 20px 60px;}
.box_video>div>i:hover{background-position: 0 -20px;}
.box_video>div a{display:inline-block;width:186px;height:50px;line-height:50px;background:#ff612e;color:#fff;font-size:18px;margin:29px 11px;cursor:pointer}
.box_video>div a img{vertical-align:middle;margin:0 10px 0 -10px;}
.box_video>div>div{text-align:center}
.box_video div iframe {width: 93%;height: 100%;}
/*problem percent*/
.problem-percent{position:relative;margin:0 auto;max-width:1300px;width:100%;padding: 100px 0 80px;}
.problem-percent>p{display:block;margin-bottom: 60px;max-width:1200px;padding:0 10px;font-size:16px;line-height: 30px;color:#666;text-align: center;}
.percent-table{position:relative;width:100%;margin:0 auto;height: 740px;}
.percent-table>div>div{position: absolute;width: 410px;height: 148px;box-sizing: border-box;}
.percent-table div.left{padding:30px 30px 0 36px;background: url(/images/topic/bg-left.png) 0 0 no-repeat;}
.percent-table div.right{padding:30px 30px 0 46px;background: url(/images/topic/bg-right.png) 0 0 no-repeat;}
.percent-table div.left-bottom{padding:36px 30px 0 26px;background: url(/images/topic/bg-left-bottom.png) 0 0 no-repeat;}
.percent-table div.right-bottom{padding:36px 30px 0 26px;background: url(/images/topic/bg-right-bottom.png) 0 0 no-repeat;}
.percent-table div .title{margin-bottom: 6px;font-size:18px;color:#222;}
.percent-table div .info{font-size:14px;color:#666;}
.percent-table img{display:block;position: absolute;border:0;width: 72px;height: 72px;}
.percent-table img.problem-percent-img{width: 290px;height: 290px;}
.percent-table .problem-percent-img{left: 0;right: 0;top:124px;margin:auto;}
.percent-table .position-fixed{left: 0;right: 0;top:35px;margin:auto;z-index: -1;}
.percent-table .physical-damage{left: 90px;top: 0px;}
.percent-table .physical-damage-img{left: 539px;top: 44px;}
.percent-table .data-overwritten{left: 1px;top: 166px;}
.percent-table .data-overwritten-img{left: 425px;top: 178px;}
.percent-table .accidental-intentional-deletion{left: 1px;top: 333px;}
.percent-table .accidental-intentional-deletion-img{left: 436px;top: 345px;}
.percent-table .logical-damage{left: 226px;top: 510px;}
.percent-table .logical-damage-img{left: 563px;top: 427px;}
.percent-table .system-failure{left: 800px;top: 0px;}
.percent-table .system-failure-img{left: 700px;top: 44px;}
.percent-table .virus-attack{left: 882px;top: 166px;}
.percent-table .virus-attack-img{left: 802px;top: 172px;}
.percent-table .improper-handling{left: 882px;top: 333px;}
.percent-table .improper-handling-img{left: 791px;top: 330px;}
.percent-table .others{left: 678px;top: 510px;}
.percent-table .others-img{left: 700px;top: 427px;}
.percent-table .free-trial{position:absolute;left: 50%;bottom:0;margin-left: -180px;max-width:360px;width:100%;}

/*problem solutions*/

.problem-solutions{position: relative;width:100%;padding-top:90px;background-color: #f7f7f7;}
.problem-solutions .free-trial{padding:50px 0;}
.problem-solutions .container>p{display:block;margin-bottom: 60px;max-width:1200px;padding:0 10px;font-size:16px;line-height: 30px;color:#666;text-align: center;}
.problem-solutions .container .six-solution{position:relative;margin:10px 0;height: 460px;width: 386px;border:0;padding-bottom: 30px;}
.problem-solutions .six-solution>div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;}
.problem-solutions .six-solution>div.front{display: block;z-index: 2;}
.problem-solutions .front img{max-width: 386px;width: 100%;}
.problem-solutions .six-solution>div.back{display: block;}
.problem-solutions .six-solution p{display:block;padding: 0 20px;}
.six-solution span{display: inline-block;width: 16px;height: 16px;vertical-align: sub;cursor: pointer;text-align: center;line-height: 30px;}
.front-animate-one{animation: front-transform-one 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@keyframes front-transform-one{0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 2;transform: rotateY(180deg)}}
@-moz-keyframes front-transform-one {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 2;transform: rotateY(180deg)}}
@-webkit-keyframes front-transform-one {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 2;transform: rotateY(180deg)}}
@-o-keyframes front-transform-one {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 2;transform: rotateY(180deg)}}
.front-animate-two{animation: front-transform-two 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@keyframes front-transform-two{0% {z-index:2;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-moz-keyframes front-transform-two {0% {z-index:2;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-webkit-keyframes front-transform-two {0% {z-index:2;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-o-keyframes front-transform-two {0% {z-index:2;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
.back-animate-one{animation: back-transform-one 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@keyframes back-transform-one{0% {z-index:1;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-moz-keyframes back-transform-one {0% {z-index:1;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-webkit-keyframes back-transform-one {0% {z-index:1;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-o-keyframes back-transform-one {0% {z-index:1;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
.back-animate-two{animation: back-transform-two 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@keyframes back-transform-two{0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 1;transform: rotateY(180deg)}}
@-moz-keyframes back-transform-two {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 1;transform: rotateY(180deg)}}
@-webkit-keyframes back-transform-two {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 1;transform: rotateY(180deg)}}
@-o-keyframes back-transform-two {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 1;transform: rotateY(180deg)}}
.six-solution p.front-title{margin:30px auto 10px;font-size: 24px;color:#222;}
.six-solution p.back-title{margin:36px auto 16px;font-size: 20px;color:#222;}
.six-solution p.info{font-size:16px;line-height: 30px;color:#666;}

/*software compare*/
.software-conpare{position: relative;width:100%;}
.software-conpare h2{margin:80px auto 40px;}
.software-conpare .container>p{display:block;margin-bottom: 60px;max-width:1200px;padding:0 10px;font-size:16px;line-height: 30px;color:#666;text-align: center;}
.software-conpare .flex-box{padding-bottom: 100px;}
.software-conpare .flex-box>div{position:relative;margin:0;box-sizing:border-box;height: 670px;padding:70px 50px 0;}
.software-conpare .flex-box .left{width:480px;box-shadow: 0 0 29px 2px rgba(3, 102, 169, .15);}
.software-conpare .flex-box .right{width: 464px;box-shadow: 0 0 29px 2px rgba(3, 102, 169, .15);}
.software-conpare .left{font-size:24px;color:#222;}
.software-conpare .left p.title{margin-bottom: 4px;}
.software-conpare .left p>img{vertical-align: middle;padding-right: 20px;}
.software-conpare .left p.info{font-size:16px;line-height: 26px;color:#666;}
.software-conpare .left>ul{margin:0;}
.software-conpare .left li{margin:5px auto;box-sizing:border-box;padding-right:10px;font-size:16px;line-height: 26px;color:#666;word-break: break-word;}
.software-conpare .left li>img{padding-right: 10px;vertical-align: sub;}
.payment{margin:0 auto;width: 360px;}
.payment a{display: block;box-sizing:border-box;padding-left:20px;width: 172px;height: 40px;border:0;line-height: 40px;text-align: center;font-size: 16px;color:#fff !important;}
.payment a.win{background: #ff7e40 url(/style/index/win-b.png) 12px 8px no-repeat;}
.payment a.win:hover{background-color: #ff905a;}
.payment a.mac{background: #ff7e40 url(/style/index/mac-b.png) 12px 8px no-repeat;}
.payment a.mac:hover{background-color: #ff905a;}
.software-conpare .flex-box .middle{padding: 0;width:152px;}
.software-conpare .middle img{display: block;position:absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;}
.software-conpare .right>div{float:left;}
.software-conpare .right>div>ul{margin: 0;padding: 0;}
.software-conpare .right>div li{padding:0 0 25px 10px;font-size: 16px;}
.software-conpare .price{display: block;max-width: 360px;width:100%;height: 46px;margin:30px auto;text-align: center;line-height: 46px;}
.software-conpare .price span{display: inline-block;float:left;}
.software-conpare .price .price-past{font-size: 14px;color:#666;text-decoration: line-through;margin-right: 10px;}
.software-conpare .price .price-now{margin-right: 20px;font-size: 18px;color:#ff7e40;}
.software-conpare .time-zoon{display:inline-block;width:230px;height: 46px;}
.software-conpare .time-zoon>span{width: 46px;height: 46px;margin-right: 10px;border-radius:6px;background-color: #ededed;color:#222;font-size:12px;}
.software-conpare .time-zoon>span>span{width:100%;color:#222;}
.software-conpare .time-zoon>span>span:nth-of-type(1){height: 25px;line-height: 34px;}
.software-conpare .time-zoon>span>span:nth-of-type(2){height: 20px;line-height: 15px;}

/*data recovery*/
.data-recovery-info{position: relative;width:100%;padding-bottom: 30px;background-color: #f3f4f6;}
.data-recovery-info .free-trial{margin: 30px auto 0;}
.data-recovery-info>.free-trial{margin:0 auto;}
.data-recovery-info .container{padding:40px 10px;}
.data-recovery-info .info{font-size:16px;line-height: 30px;text-align: center;color:#666;}
.data-recovery-info .title{max-width:1000px;font-size:28px;color:#222;text-align: center;padding:42px 0 30px;}
.data-recovery-info .title img{display: inline-block;max-width:30px;}
.data-recovery-info .product-function{position:relative;padding:0;justify-content: center;}
.data-recovery-info .product-function>div{position: relative;margin:5px;width: 279px;height: 238px;text-align: center;}
.data-recovery-info .product-function>div>div{position: absolute;box-sizing:border-box;width: 100%;height: 100%;border-radius:4px;font-size: 16px;}
.product-function>div .front{padding-top:50px;background-color: #fff;z-index: 2;}
.product-function>div .front img{display: block;margin:0 auto 20px;}
.product-function>div .front a{display:block;font-size:18px;color:#222;}
.product-function>div .back{box-sizing:border-box;padding:40px 20px 0 20px;background-color: #00ade5;z-index: 1;}
.product-function>div .back a{display:block;margin-bottom: 20px;font-size:18px;color:#fff;}
.product-function>div .back p{display:block;font-size:16px;color:#fff;line-height: 24px;}
.front-animate-three{animation: front-transform-three 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@keyframes front-transform-three{0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 2;transform: rotateY(180deg)}}
@-moz-keyframes front-transform-three {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 2;transform: rotateY(180deg)}}
@-webkit-keyframes front-transform-three {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 2;transform: rotateY(180deg)}}
@-o-keyframes front-transform-three {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 2;transform: rotateY(180deg)}}
.front-animate-four{animation: front-transform-four 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@keyframes front-transform-four{0% {z-index:2;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-moz-keyframes front-transform-four {0% {z-index:2;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-webkit-keyframes front-transform-four {0% {z-index:2;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-o-keyframes front-transform-four {0% {z-index:2;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
.back-animate-three{animation: back-transform-three 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@keyframes back-transform-three{0% {z-index:1;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-moz-keyframes back-transform-three {0% {z-index:1;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-webkit-keyframes back-transform-three {0% {z-index:1;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
@-o-keyframes back-transform-three {0% {z-index:1;transform: rotateY(180deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 10;transform: rotateY(0deg)}}
.back-animate-four{animation: back-transform-four 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@keyframes back-transform-four{0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 1;transform: rotateY(180deg)}}
@-moz-keyframes back-transform-four {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 1;transform: rotateY(180deg)}}
@-webkit-keyframes back-transform-four {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 1;transform: rotateY(180deg)}}
@-o-keyframes back-transform-four {0% {z-index:10;transform: rotateY(0deg)} 50%{transform: rotateY(90deg)} 100% {z-index: 1;transform: rotateY(180deg)}}
.data-recovery-info .container.recovery-data{padding:0 10px;}
.recovery-data .flex-box{justify-content: center;}
.recovery-data .recovery-data-img{display:block;width:100%;margin:10px auto;max-width:1160px;}
.recovery-data .recovery-data-section img{display: none;max-width: 206px;}
.recovery-data .recovery-data-section>div{width: 290px;height: 160px;}
.data-recovery-info .contect .title{display:block;margin: 10px 0;font-size:18px;color:#00ade5;text-align: center;padding:0;}
.data-recovery-info .contect .info{font-size:16px;line-height: 30px;text-align: center;color:#666;}
.data-recovery-info .container.recovery-data-type{padding:40px 0;}
.recovery-data-type{justify-content: center;}
.recovery-data-type>div{position: relative;display:block;margin:5px;width:564px;min-height:136px;border-radius:4px;background-color: #fff;}
.recovery-data-type>div>.contect{float:left;box-sizing:border-box;width:69%;max-width:426px;padding:20px 10px 0 0;}
.recovery-data-type>div>.contect a{color:#00ade5;}
.recovery-data-type .contect .title,.recovery-data-type .contect .info{text-align: left;}
.recovery-data-type>div .left-topic-img{float:left;margin:26px 26px 0 26px;width: 86px;height: 86px;background: url(/images/topic/recovery-data-type.png) no-repeat;}
.recovery-data-type>div:nth-of-type(2) .left-topic-img{background: url(/images/topic/recovery-data-type.png) 0 -86px no-repeat;}
.recovery-data-type>div:nth-of-type(3) .left-topic-img{background: url(/images/topic/recovery-data-type.png) 0 -172px no-repeat;}
.recovery-data-type>div:nth-of-type(4) .left-topic-img{background: url(/images/topic/recovery-data-type.png) 0 -258px no-repeat;}
.recovery-data-type>div:nth-of-type(5) .left-topic-img{background: url(/images/topic/recovery-data-type.png) 0 -344px no-repeat;}
.recovery-data-type>div:nth-of-type(6) .left-topic-img{background: url(/images/topic/recovery-data-type.png) 0 -430px no-repeat;}
.data-recovery-info .container.data-recovery-steps{padding: 10px 0;}
.data-recovery-steps{position:relative;}
.data-recovery-steps>div{min-height: 220px;}
.data-recovery-steps>.data-recovery-step{max-width:230px;width:20%;}
.data-recovery-steps>.next{position:relative;max-width:230px;width:25%;}
.data-recovery-steps i{display:block;width: 10px;height: 10px;opacity: 0;margin:0 auto 34px;}
.data-recovery-steps span{display:block;position:relative;opacity: 0;margin:0 auto;text-align: center;font-size: 16px;}
.data-recovery-step i.proccess{width: 128px;height: 106px;background: url(/images/topic/data-recovery-steps.png) 0 0 no-repeat;}
.data-recovery-step:nth-of-type(3) i.proccess{background-position: 0 -106px;}
.data-recovery-step:nth-of-type(5) i.proccess{background-position: 0 -212px;}
.data-recovery-step:nth-of-type(3)>span{cursor: pointer;overflow: visible;}
.data-recovery-step:nth-of-type(3)>span::after{display:block;content:"";position:absolute;top:6px;right:-12px;width: 12px;height: 12px;background:url(/images/topic/arrow.png) 0 0 no-repeat;z-index:99;}
.data-recovery-step:nth-of-type(3)>span.undo::after{background-position: 0 -12px;}
.data-recovery-steps .scan-tools{display: none;position:absolute;box-sizing:border-box;left: 0;top:74%;width:100%;padding:14px 22px;min-height:unset;background-color: #fff;z-index: 99;border-radius:12px;}
.data-recovery-steps .scan-tools a{float: left;margin:2px;width:100px;padding:5px 0;background-color: #f3f4f6;color:#222;font-size:14px;text-decoration: none;text-align: center;font-weight: 400;}
.data-recovery-steps .scan-tools a:hover{background-color: #00aee6;color:#fff;}
/* .data-recovery-step:nth-of-type(3)>span i{display: block;position:absolute;right:-16px;top:0;width: 16px;height: 16px;background: url(/images/topic/point.png) 0 0 no-repeat;} */
.data-recovery-steps .point-right{position:absolute;left:20%;bottom:10px;width: 48px;height: 48px;background: url(/images/topic/next.png) 0 0 no-repeat;}
.data-recovery-steps .next:nth-of-type(2) .point-right.point-right-animate-one{animation: point-right-animate-one 1s linear 3s infinite;}
@keyframes point-right-animate-one{0%{opacity: 0;;left:20%}33%{opacity: 1;;left:20%}66%{opacity: 1;;left:50%}33%{opacity: 0;;left:50%}}
@-webkit-keyframes point-right-animate-one{0%{opacity: 0;;left:20%}33%{opacity: 1;;left:20%}66%{opacity: 1;;left:50%}33%{opacity: 0;;left:50%}}
@-moz-keyframes point-right-animate-one{0%{opacity: 0;;left:20%}33%{opacity: 1;;left:20%}66%{opacity: 1;;left:50%}33%{opacity: 0;;left:50%}}
@-o-keyframes point-right-animate-one{0%{opacity: 0;;left:20%}33%{opacity: 1;;left:20%}66%{opacity: 1;;left:50%}33%{opacity: 0;;left:50%}}
.data-recovery-steps .next:nth-of-type(4) .point-right.point-right-animate-two{animation: point-right-animate-two 1s linear 8s infinite;}
@keyframes point-right-animate-two{0%{opacity: 0;;left:20%}33%{opacity: 1;;left:20%}66%{opacity: 1;;left:50%}33%{opacity: 0;;left:50%}}
@-webkit-keyframes point-right-animate-two{0%{opacity: 0;;left:20%}33%{opacity: 1;;left:20%}66%{opacity: 1;;left:50%}33%{opacity: 0;;left:50%}}
@-moz-keyframes point-right-animate-two{0%{opacity: 0;;left:20%}33%{opacity: 1;;left:20%}66%{opacity: 1;;left:50%}33%{opacity: 0;;left:50%}}
@-o-keyframes point-right-animate-two{0%{opacity: 0;;left:20%}33%{opacity: 1;;left:20%}66%{opacity: 1;;left:50%}33%{opacity: 0;;left:50%}}
.data-recovery-steps .line{display:block;position:absolute;bottom:68px;left: 0;right: 0;margin:auto;max-width:230px;width: 80%;border-top:1px dashed #ccc;}
.data-recovery-info .container.data-recovery-tips{padding:40px 0;}
.data-recovery-tips>div{margin:0;border:0;box-shadow: 0 0 3px 0 #ccc;}
.data-recovery-tips .title{display:block;margin: 10px auto;font-size:24px;color:#222;text-align: center;padding:0;}
.data-recovery-tips .info{display:block;min-height:130px;font-size:16px;line-height: 30px;text-align: center;color:#666;}
.data-recovery-tips>div{width: 368px;height: 395px;padding:20px 20px 10px;box-sizing:border-box;border-radius:16px;box-shadow: 0 10px 20px 0 #ccc;}
.data-recovery-tips>div:nth-of-type(1){border-top:5px solid #76dae6}
.data-recovery-tips>div:nth-of-type(2){border-top:5px solid #75a7f4}
.data-recovery-tips>div:nth-of-type(3){border-top:5px solid #b982f9}
.data-recovery-tips>div i{display:block;margin:0 auto;width: 164px;height: 164px;background: url(/images/topic/data-recovery-tips.png) 0 0 no-repeat;}
.data-recovery-tips>div:nth-of-type(2) i{background-position: 0 -164px}
.data-recovery-tips>div:nth-of-type(3) i{background-position: 0 -328px}

/*star*/
#starlist {margin:30px auto;max-width: 1156px;width: 96%;border-top: 1px solid #f7f7f7;font-size: 16px;}
#starlist p{margin:10px 0;}
#starlist ul {float:left;padding-left: 0;overflow: hidden;float: left;margin: 10px auto;}
#starlist ul li {float: left;list-style: none;width: 27px;height: 27px;background: url(/images/system/star.png);}
#starlist ul li.light{background-position:0 -27px}
#starlist ul li a {display: block;width: 100%;padding-top: 27px;overflow: hidden;margin: 9px 0;}
#starlist #showPanel {line-height: 26px;padding:10px 0 10px 150px;}

/*author*/
#author{margin: 30px auto;width:100%;max-width:1156px;box-sizing:border-box;overflow: hidden;background-color: #fff;padding: 20px 25px;border-radius: 10px;font-size: 16px;}
#author>a{float:left;}
#author a{color: #09F;}
#author p {float: left;margin-left: 15px;margin-top: 10px;width:90%}

/*footer*/
#header{height: 75px;}
#logo{margin-top: 0px;width: auto;}
.show_hide{background: initial;}
.article_banner{margin-top: 0px !important;}
.header_bg{z-index: 14 !important;}
#header{z-index: 15  !important;}
#header.active{border-color: #2673e7;}
#header .products-container, #header .download-container{top: 75px !important;}
.slidingDiv{background: #fff;}
.show_hide{width: initial !important;}
#header .container-max>ul{margin-top: 0px !important;}
@media screen and (max-width:1200px){
.percent-table{height: unset;}
.percent-table>div{float:left;}
.percent-table>div>div{position: static;}
.percent-table>div>img{position: static;margin:10px 20px 0 10px;vertical-align: middle;}
.percent-table>div>div.left{background: none;padding: 0;}
.percent-table>div>div.right{background: none;padding: 0;}
.percent-table>div>div.left-bottom{background: none;padding: 0;}
.percent-table>div>div.right-bottom{background: none;padding: 0;}
.percent-table>img{display: none;}
.percent-table .free-trial{position: static;float:none;margin: 0 auto 30px;}
.software-conpare .flex-box .middle{display: none;}
/* .data-recovery-info .container.data-recovery-steps{display: none;} */
}
@media screen and (max-width:1024px){
#header{height: 70px;padding:10px 10px 0;}
.slidingDiv{max-width:1024px;}
.type-mobile-fixbar.fixbar{width: 190px;top: 70px;}
.menu_dropDown{padding-left: 5px;}
ul#vice-menu .menu_dropDown ul{width: 100%;margin:0;padding: 0;}
ul#vice-menu .menu_dropDown ul li{float:left;width: 100%;}
#search{width: 168px;}
#search-container input#q{width: 120px;}
#search-container input#search_btn{margin:8px 0 0 4px;}
.banner-topic .computer{left: 68.9%;}
.problem-solutions .container.flex-box{justify-content: center;}
.problem-solutions .container .six-solution{margin:20px;}
.data-recovery-info .container.data-recovery-tips{justify-content: space-around;}
.data-recovery-tips>div{max-width:310px;margin:0 auto 40px;}
.data-recovery-info .free-trial{margin:0 auto;}
.data-recovery-steps i,.data-recovery-steps span{opacity: 1;}
.data-recovery-steps>.data-recovery-step{width:30%;}
.data-recovery-steps>.next{display: none;}
.percent-table>div>div{width:100%;max-width: 410px;}
.recovery-data-type>div{width:100%;max-width:564px;}
.software-conpare .flex-box .left{max-width:480px;width: 100%;}
.data-recovery-tips>div{max-width: 368px;width:100%;}
.software-conpare .flex-box .right{max-width: 464px;width: 100%;}
}
@media screen and (max-width:1000px){
.banner-topic img{display: none;}
.banner-topic h1{margin-top: 0;}
.percent-table>div{float:none;margin:10px auto;max-width:512px;}
}
@media screen and (max-width:768px){
.banner-topic{height: 540px;}
.banner-topic video{top: 140px;}
.software-conpare .flex-box{justify-content: center;}
.data-recovery-info .container{padding: 0 10px;}
.recovery-data .recovery-data-img{display: none;}
.recovery-data .recovery-data-section >img{display: block; margin:10px auto;}
}
@media screen and (max-width:425px){
.banner-topic .video-play{top: 170px;}
.banner-topic .free-trial{top:450px;}    
.problem-solutions .container .six-solution{margin:20px auto;}
.percent-table>div>div{width: 70%;padding-right: 10px!important;}
.software-conpare .flex-box>div{padding:50px 10px 0;}
.software-conpare .flex-box .left{height: unset;}
.payment.flex-box{flex-direction: column;justify-content: space-between;max-width: 172px; height: 100px;padding:10px 0 40px;}.software-conpare .time-zoon{width: 200px;}
.software-conpare .time-zoon>span{margin-right: 4px;}
.software-conpare .right>div li{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 200px;}
.recovery-data-type>div .left-topic-img{margin:26px 10px 0 10px;}
.recovery-data-type>div>.contect{padding:10px 0 0 0;}
.data-recovery-info .contect .title{margin:5px 0;}
.data-recovery-steps>.data-recovery-step{width:100%;}
.data-recovery-steps .scan-tools{top:60%;}
#author p{width:70%;}
}
@media screen and (max-width:375px){
.banner-topic .free-trial{top:430px;}    
}
@media screen and (max-width:360px){
.banner-topic .free-trial{top:410px;}    
.free-trial.flex-box{max-width:172px;height: 98px;flex-direction: column;}
}