@charset "utf-8";
html, div, body, p, form, img, dd, h1, h2, h3, h4, input{margin:0 auto;padding:0;font-style:normal; font-family:"Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";}
ul li{list-style:none; }
ul{padding:0;}
a, a:link, a:visited{text-decoration:none;color:#222;}
a:hover, a:active{text-decoration:underline;color:#222;}
.flex-box{display:-webkit-box;display: -webkit-flex;display: flex;flex-direction: row;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.container{max-width:1200px; overflow:hidden;}
.clearfloat::after{display:block;overflow:hidden;visibility:hidden;content:"";height:0;clear:both;}
.clearfloat{zoom:1;}
.info{display: block;width: 96%;max-width:1000px;font-size:16px;line-height: 30px;color:#444;}
h1{font-size: 52px;line-height: 60px;color:#222;font-weight: bold;}
h2 {font-size: 36px;line-height: 44px;}
.title{display: block;width: 96%;max-width:1100px;font-size:20px;line-height: 44px;color:#444;font-weight:550;}
.pc{display: block;}
.mobile{display: none;}
.hide{display: none;}

/*banner common*/
.banner .review{margin:0 0 15px;}
.banner .review span{float:left;margin:10px 10px 10px 0;font-size: 16px;}
.banner .review img{display: inline-block;margin:0 8px 0 17px;vertical-align: -11px;}
.banner .review span.review_num{margin: 0 4px 0 0;}
.banner .system_tab{display: block;position:relative;box-sizing:border-box;margin:30px 0;width: 169px;height: 26px;border:1px solid #3177f6;border-radius:26px;font-size:14px;line-height: 24px;color:#3177f6;cursor: pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.banner .system_tab.hide{display: none;}
.banner .system_tab i{display: inline-block;width: 16px;height: 16px;background: url(/images/iphone-donnee-recuperation/windows-mac.png) no-repeat 0 0;}
.banner .system_tab .win_icon{background-position: 0 -16px;vertical-align: -3px;margin:0 6px 0 10px;}
.banner .system_tab .mac_icon{background-position: 0 -48px;vertical-align: -3px;margin:0 6px 0 23px;}
.icon_mask{position: absolute;left: 0;top: 0;width: 100%;max-width:97px;height: 24px;border-radius:24px;background-color: #3177f6;font-size:14px;line-height: 24px;text-align: left;color:#fff;}
.mac_tab .icon_mask{left:96px;}
.icon_mask i{display: inline-block;margin:0 6px 0 10px;width: 16px;height: 16px;background: url(/images/iphone-donnee-recuperation/windows-mac.png) no-repeat 0 0;vertical-align: -3px;}
.mac_tab .icon_mask{max-width: 72px;}
.banner .system_tab.mac_tab .icon_mask i{background-position: 0 -32px;}

.nav-bg{background:#000;opacity:0.7;width:100%;height:100%;position:fixed;}
.fixbar{border-top:2px solid #0382da;box-sizing:border-box;padding:15px 0;position:fixed;background-color:#fff;width:100%;z-index:1;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.2);}
.fixbar .container{padding: 0 6px;box-sizing: border-box;}
.icon img{vertical-align:middle;margin-right:10px;}
.icon{float:left;}
.icon:hover a{color:#4aa6e5;text-decoration:none;}
.icon:hover{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
ul#vice-menu{float:right;margin-bottom:0;margin-top: 0;}
ul#vice-menu li{float:left;padding:0 8px;line-height:38px;}
.fixbar a.fix-down{display:inline-block;width: 160px;height: 36px;line-height: 36px;border: 0;background: #3177f6 url(/style/images/windows-produit-s.png) no-repeat 18px center;color: #fff;border-radius: 6px;text-indent: 6px;overflow: hidden;text-align: center;}
.fixbar a.fix-down:hover{background-color:#0382da;color:#fff;text-decoration:none;}
.fixbar .mac_zoon a.fix-down{background: #3177f6 url(/style/images/mac-produit-s.png) no-repeat 18px center;}
.fixbar .mac_zoon a.fix-down:hover{background: #318ef6 url(/style/images/mac-produit-s.png) no-repeat 18px center;}
.fixbar .mac_btn a.fix-down{background: #3177f6 url(/style/images/mac-produit-s.png) no-repeat 18px center;}
.fixbar .mac_btn a.fix-down:hover{background: #318ef6 url(/style/images/mac-produit-s.png) no-repeat 18px center;}
.fixbar a.fix-buy{display:inline-block;position: relative;margin-left: 10px;width: 160px;height: 36px;line-height: 36px;border:none;color:#0382da;background: #ff612e url(/style/images/windows-produit-s.png) no-repeat 32px center;font-size:16px;color:#fff;width:160px;height:36px;line-height:36px;border-radius:6px;text-align:center;position: relative;overflow: hidden;}
.fixbar a.fix-buy span{width: 78px;position: absolute;right: -20px;top: 0;height: 15px;background: #dc0000;line-height: 15px;-webkit-transform: rotate(30deg);transform: rotate(30deg);font-size: 12px;}
.fixbar a.fix-buy::after{content:"";display: block;position: absolute;right: 0;top: 0;width: 50px;height: 29px;background: url(/style/images/reduction-20-s.png) no-repeat 0;}
.fixbar .mac_zoon a.fix-buy{background: #ff612e url(/style/images/mac-produit-s.png) no-repeat 32px center;color:#fff;border-radius: 6px;text-indent: 16px;text-decoration: none;}
.fixbar .mac_zoon a.fix-buy:hover{background: #ff782e url(/style/images/mac-produit-s.png) no-repeat 32px center;}
.fixbar .mac_btn a.fix-buy{background-image: url(/style/images/mac-produit-s.png);background-position: 32px center;}
.fixbar .mac_btn a.fix-buy:hover{background-color: #ff782e;}
.fixtop{top:0;z-index:99;}
.nav_bg{position: fixed;top: 106px;left: 0;z-index: 5;width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: none;}
.new_rollTopfone{z-index: 7;}
.new_rollTopfone_box>div#winversion-top,.new_rollTopfone_box>div#macversion-top{float: right;margin-left: 5px;}
.new_rollTopfone_box>div#winversion-top a,.new_rollTopfone_box>div#macversion-top a{margin-top: 0;}
.new_rollTopfone_box>div#version-top{float: right;margin-left: 5px;}
.new_rollTopfone_box>div#version-top a{margin-top: 0;}
.new_rollTopfone_box .icon{position: relative;}
.new_rollTopfone_box .icon span,.new_rollTopfone_box .icon a{display: flex;align-items: center;}
.new_rollTopfone_box.long .overview{display: none;}
.new_fixbar{z-index: 10;display: none !important;}
.new_fixbar.active,.new_fixbar.fixtop{display: block !important;}
.new_fixbar .icon img{display: inline-block;}
.new_fixbar .icon span{display: inline-block;line-height: 32px;}
/*starlist*/
#starlist{float:left;margin:0 8px 0 0;align-items: flex-end;position: relative;cursor: pointer;}
#starlist ul{padding-left:0;overflow:hidden;float:left;margin:10px auto;}
#starlist ul li{position:relative;z-index:1;float:left;list-style:none;width:27px;height:27px;padding:0;background:url(/style/images/star-new.png);margin-top: -2px;cursor: pointer;}
#starlist ul li a{display:block;width:100%;padding-top:27px;overflow:hidden;margin:9px 0;display:none;}
#starlist ul li.light{background-position:0 -27px;}
#starlist #thanks{box-sizing:border-box;position: absolute;z-index:0;display:block;padding:5px;top: 0;left: 50px;font-size:18px;font-weight:500; color:#ffc81f;text-align: center;opacity: 0;}
#starlist #thanks i{content: "";display: block;position: absolute;top: 5px;right: 5px;width: 12px;height: 12px;background: url(/images/data-recovery/close.png) no-repeat 0 0;cursor: pointer;background-size: 12px 36px;}
#starlist #thanks i:hover{background-position: 0 -12px;}
#starlist #showPanel{margin-left: 10px;vertical-align: -3px;}
.banner #starlist #showPanel{margin:0 0 0 12px;}
#starlist .starlist-left{max-width:370px;width:50%;color:#666;}
#starlist .starlist-left ul{float:none;}
/*function*/
.function{width: 100%;margin:0 auto;position: relative;padding:60px 0 40px;background-color: #fff;min-height: 530px;}
.function h2{text-align: center;}
.function .title{margin: 0 0 3px;font-size: 20px;line-height: 30px}
.function .info{margin: 0;font-size: 16px;}
.function .container{overflow: visible;padding:40px 30px 0;}
.function .container div{box-sizing:border-box;margin:0 0 28px;width: 585px;padding:20px;border:1px solid #e1e1e1;border-radius: 5px;box-shadow: 0 3px 11px 0 rgba(99,121,137,.2);transition: all linear .2s;}
.function .container div:hover{transform: -webkit-translate(0,-3px);transform: -moz-translate(0,-3px);transform: -o-translate(0,-3px);transform: translate(0,-3px);box-shadow: 0 6px 14px 0 rgba(99,121,137,.3);}

/* recorder */
.recorder{background: #f3fbff;padding: 71px 0;}
.recorder .container{overflow: visible;}
.recorder_box{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;border-radius: 10px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, .19);overflow: hidden;position: relative;z-index: 3;}
.recorder ul{margin: 0;}
.recorder h2{color: #12203d;margin-bottom: 60px;text-align: center;}
.recorder ul:nth-child(1) li{width: 231px;height: 235px;font-size: 18px;color: #333;flex-direction: column;text-align: center;}
.recorder ul:nth-child(1) li span{display: block;text-align: center;padding: 0 5px;}
.recorder ul:nth-child(1) li i{width: 80px;height: 80px;background: url(/images/screen-recorder/icon-tutoriel.png);margin-top:50px;margin-bottom:5px;display: inline-block;}
.recorder ul:nth-child(1) li:nth-child(1) i{background-position-y: -80px;}
.recorder ul:nth-child(1) li:nth-child(1).active i{background-position-y: 0;}
.recorder ul:nth-child(1) li:nth-child(2) i{background-position-y: -240px;}
.recorder ul:nth-child(1) li:nth-child(2).active i{background-position-y: -160px;}
.recorder ul:nth-child(1) li:nth-child(3) i{background-position-y: -400px;}
.recorder ul:nth-child(1) li:nth-child(3).active i{background-position-y: -320px;}
.recorder ul:nth-child(1) li.active{color: #00ffea;background: #181832;}
.recorder ul:nth-child(2) li{display: none;overflow: hidden;padding-bottom: 30px;}
.recorder ul:nth-child(2) li.active{display: block;}
.recorder ul:nth-child(2){background: #fff;max-width:968px;width: 100%;border-left: 1px solid #e9e9e9;}
.recorder ul:nth-child(2) img{margin: auto;display: block;margin-top: 22px;margin-bottom: 35px;}
.recorder ul:nth-child(2) p{margin-left: 49px;font-size: 16px;color: #333;margin-bottom: 15px;}
.recorder ul:nth-child(2) p span{font-size: 24px;color: #136f78; }
.recorder ul:nth-child(2) li>a{font-size: 16px;color: #fff;text-align: center;max-width: 292px;width:100%;height: 54px;line-height: 54px;float: right;background: #3177f6;border-radius: 5px;margin-right: 70px;margin-top: 20px;}
.recorder ul:nth-child(2) p span{color: #0382da;}
.recorder ul:nth-child(1) li.active{background: #4c9af7;color: #fff;}
.recorder ul:nth-child(1) li{background: #fff;}
.recorder ul:nth-child(1) li:nth-child(2){border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;box-sizing: border-box;}
.pad,.iphone{display: none;}

/*rec-pro*/
#breadcrumb .container a{background:url(/images/system/breadcrumb_break.png) no-repeat right 0; height:29px; float:left; padding-right:15px;margin-right: 10px;}
#breadcrumb{padding:15px 0;}
.showoff{width:100%;background: url(/images/whatsapp-transfer-pour-ios/bg-common.png) center 0 no-repeat;background-size: cover;}
.showoff .container{padding:0 100px 90px;box-sizing: border-box;}
.showoff .info-slides{margin:0 auto;max-width:1040px;min-height:286px;border-radius:10px;background-color: #fff;}
.showoff h2{padding:100px 0 40px;text-align: center;color:#fff;font-weight: 400;font-size: 42px;}
.showoff .unslider-arrow.prev{width: 42px;height: 85px;left:-80px;background: url(/images/whatsapp-transfer-pour-ios/suivant.png) 0 0 no-repeat;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.showoff .unslider-arrow.next{width: 42px;height: 85px;right:-80px;background: url(/images/whatsapp-transfer-pour-ios/suivant.png) 0 0 no-repeat;}
.showoff li{max-width:1040px;font-size:16px;line-height: 52px;color:#333;text-align: center;}
.showoff li p{display:block;position:relative;margin:31px auto 35px;width: 90%;font-size:16px;line-height: 30px;color:#222;text-indent: 40px;}
.showoff li p::before{position:absolute;left:0;top: -26px;content:"";display: block;width: 32px;height: 26px;background: url(/images/whatsapp-transfer-pour-ios/guillemets.png) 0 0 no-repeat;}
.showoff li p::after{position:absolute;bottom:-26px;right:0;content:"";display: block;width: 32px;height: 26px;background: url(/images/whatsapp-transfer-pour-ios/guillemets.png) 0 0 no-repeat;transform: rotate(180deg)}
.showoff li img{vertical-align: middle;margin-right: 20px;}
.showoff .five_stars{margin:35px auto 0;max-width: 122px;}
.showoff .five_stars i{float:left;width: 16px;height: 16px;margin:0 4px;background: url(/images/whatsapp-transfer-pour-ios/star.png) no-repeat;}
.unslider{margin:0;padding:0;clear:both;position:relative;max-width:1350px;margin:0 auto;}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:20px auto;padding:0;border:none}.unslider-arrow{position:absolute;left:0px;z-index:0;cursor:pointer}.unslider-arrow.next{left:auto;right:0px}
.unslider-arrow{text-indent:-999em;width:34px;height:88px;display:block;top:206px;}
.unslider-arrow.next{background:url(/images/whatsapp-transfer-pour-ios/arrow-right.png) no-repeat;left:auto;top:35%;}
.unslider-arrow.prev{background:url(/images/whatsapp-transfer-pour-ios/arrow-left.png) no-repeat;right:auto;top:35%;}
.unslider-nav{position:absolute;top:280px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.unslider-nav ol{list-style:none;text-align:center;}
.unslider-nav ol li{display:inline-block;float:none;width:6px;height:6px;margin:0 4px;padding:3px;background:transparent;border-radius:100px;overflow:hidden;text-indent:-999em;cursor:pointer;opacity: .4;}
.unslider-nav ol li.unslider-active{cursor:default;opacity:1;}
/*change*/
#change{width: 100%;margin:0 auto;padding:71px 0 38px;background-color: #f3fbfe;}
#change h2{text-align: center;}
#change .info{margin:13px auto;text-align: center;}
.slider_zoon{position: relative;max-width:1230px;padding:29px 15px 20px;}
.slider_zoon .unslider-wrap{position: relative;}
.slider_zoon ul{float:left;width: 5000px;text-align: center;-webkit-justify-content: flex-start;justify-content: flex-start;}
.slider_zoon li{position:relative;max-width:360px;border-radius: 10px;float:left;margin:0 60px 0 0;padding-bottom: 73px;box-shadow: 0 0 13px 0 rgba(20,68,141,.1);overflow: hidden;background-color: #fff;}
.slider_zoon li .top{box-sizing:border-box;position:relative;width: 100%;max-width:380px;background-color: #fff;padding:60px 30px 70px;}
.slider_zoon li .top>.top_img{display: block;position: absolute;left: 15px;top: 28px;}
.slider_zoon li .top>.bottom_img{display: block;position: absolute;right:15px;bottom: 20px;transform: -webkit-rotate(-180deg);transform: -moz-rotate(-180deg);transform: -o-rotate(-180deg);transform: rotate(-180deg);}
.slider_zoon li .top p{display: block;width: 100%;text-align: left;font-size:16px;line-height: 30px;color:#222;}
.slider_zoon li .bottom{box-sizing:border-box;position:absolute;bottom: 0;left: 0;width: 100%;max-width:380px;padding:21px 45px 21px 18px;border-top: 1px solid #e4e4ef;background-color: #fff;}
.slider_zoon li .bottom span:nth-child(1){float:left;font-size:16px;line-height: 30px;color:#333;vertical-align: middle;padding-right: 20px;margin-right: 20px;border-right:1px solid #e1e1e1;font-weight: 550;}
.slider_zoon li .bottom span:nth-child(2){float:left;line-height: 30px;vertical-align: middle;height: 30px;}
.slider_zoon li .bottom span:nth-child(2) img{display: inline-block;margin:6.5px 0;}
#change .left_jump{display: inline-block;font-size: 16px;line-height: 40px;color:#444;text-indent: 20px;}
#change .left_jump img{display: inline-block;margin-left: 8px;transition:all linear .3s;}
#change .left_jump:hover img{margin-left: 11px;}
#change .right{float:right;}
#change .right .prev{margin-right: 8px;cursor: pointer;}
#change .right .next{transform: -webkit-rotate(180deg);transform: -moz-rotate(180deg);transform: -o-rotate(180deg);transform: rotate(180deg);cursor: pointer;}
#change .right .prev.fit,#change .right .next.fit{cursor: not-allowed;opacity: .6;}

/*faq section*/
#faq_section{width: 100%;box-sizing:border-box;margin:50px 0 30px;}
#faq_section h2{display: block;width: 90%;margin:0 auto 30px;text-align: center;color:#222;}
#faq_section.others{margin:76px auto;max-width:1200px;}
#faq_section.others h2{margin:0 auto 40px;}
#faq_section .faq_items{border-top:1px solid #e2e7ea;}
#faq_section .faq_items:nth-last-of-type(1){border-bottom:1px solid #e2e7ea;}
#faq_section .faq_questions{position:relative;box-sizing: border-box;padding:17px 30px 22px 0;cursor: pointer;font-weight: 550;font-size: 18px;}
#faq_section .faq_questions p{display: block;box-sizing:border-box;margin:0;font-size:18px;color:#222;}
#faq_section .faq_questions::after{display: block;position: absolute;content: "";top:20px;right: 13px;width: 20px;height: 20px;background: url(/images/iphone-unlocker/slide-down.png) 0 0 no-repeat;}
#faq_section .faq_items:hover .faq_questions,#faq_section a{color:#3d81d4;}
#faq_section .faq_questions.active::after{background: url(/images/iphone-unlocker/slide-down.png) 0 0 no-repeat;transform: -webkit-rotate(-180deg);transform: -moz-rotate(-180deg);transform: -o-rotate(-180deg);transform: rotate(-180deg);}
#faq_section .faq_answers{box-sizing:border-box;display:none;margin:-8px 0 0;box-sizing: border-box;padding:0 22px 16px 0;}
#faq_section .faq_answers p{box-sizing:border-box;font-size:16px;color:#222;line-height: 30px;}

/* rec-article */
.rec_article_box{margin-top: 60px;margin-bottom: 50px;}
.rec_article_box h2{text-align: center;}
ul.rec-article{overflow: hidden;margin-top: 22px;}
ul.rec-article li{box-sizing:border-box;float:left;width:33.333%;margin:13px 0;background:url(/style/images/triangle.png) no-repeat 0;padding:0 50px 0 30px;}
ul.rec-article li.img-text-a{background:url(/images/screen-recorder/movie2k.jpg) no-repeat 30px 0;width:302px;height:139px;}
ul.rec-article li.img-text-b{background:url(/images/screen-recorder/viki.jpg) no-repeat 30px 0;width:302px;height:139px;}
ul.rec-article li.img-text-c{background:url(/images/screen-recorder/anime.jpg) no-repeat 30px 0;width:302px;height:139px;}
ul.rec-article li a{color:#666;}
ul.rec-article li.img-text-a a span, ul.rec-article li.img-text-b a span, ul.rec-article li.img-text-c a span{display:block;width:100%;background:rgba(34,34,34,0.5);color:#fff;text-align:center;font-size:14px;padding:10px 0;margin-top:100px;}
ul.rec-article li.img-text-a a:hover span, ul.rec-article li.img-text-b a:hover span, ul.rec-article li.img-text-c a:hover span{padding:20px 0;margin-top:80px;}

/*recommand*/
.recommand{width: 100%;margin:0 auto;position: relative;padding:40px 0 20px;background-color: #e9f4ff;text-align: center;}
.recommand h2{text-align: center;}
.recommand .title{margin:31px auto 17px;text-align: center;font-size:20px;line-height: 30px;font-weight: 400;width:90%;}
.recommand .info{margin:0 auto 30px;width:auto;max-width:unset;padding:0 20px;display:inline-block;text-align: center;font-size:16px;line-height: 29px;border-radius: 40px;background-color: rgba(255,255,255,.2);}
.recommand .info span{color:#ff612e!important;}
.recommand .buy_section{margin:0 auto;text-align: left;}

/*table_zoon*/
.table_zoon{width: 100%;margin:0 auto;padding:36px 0 0;}
.table_zoon img{display: inline-block;}
.table_zoon h2{text-align: center;max-width: 960px;}
.table_zoon table{border-collapse: collapse;text-align: center;margin:72px auto 100px;width: 1200px;box-sizing: border-box;}
.table_container{width: 100%;max-width:1200px;overflow-x: auto;}
.table_zoon td,.table_zoon th{border: 1px solid #eee;padding:26px 10px;width: 25%;}
.table_zoon th{background: #6391EE;color:#fff;font-size: 20px;line-height: 24px;font-weight: bold;}
.table_zoon td{font-size: 18px;line-height: 24px;color:#333;}
.table_zoon tr td:nth-child(1){font-weight: 550;}

/* more recommendations */
#more-recommendations{background:linear-gradient(#12a0d5,#7764ee);}
#more-recommendations{padding:75px 0 30px;}
#more-recommendations h2{margin-bottom:40px;color:#fff;}
#more-recommendations .flex-box{-webkit-flex-wrap:wrap;justify-content:space-around;-webkit-justify-content:space-around;}
#more-recommendations .flex-box a{display:block;}
#more-recommendations .flex-box>div{background:#fff;width:380px;min-height:323px;border-radius:10px;text-align:center;margin:0 0 30px;padding-bottom:20px;}
#more-recommendations .flex-box>div:hover{box-shadow:0 0 27px rgba(20,68,141,.79);}
#more-recommendations .flex-box>div .app-img{width:67px;height:67px;margin:33px auto 10px;}
#more-recommendations .flex-box>div .app-img img{max-width:100%;}
#more-recommendations .flex-box>div .app-name{display:inline-block;font-size:18px;margin-bottom:10px;}
#more-recommendations .flex-box>div p{font-size:16px;line-height:28px;color:#666;margin:0 auto;text-align:center;max-width:340px;width:95%;}
#more-recommendations .flex-box>div .btn-box{-webkit-flex-wrap:wrap;margin-top:15px;max-width:335px;}
#more-recommendations .flex-box>div .btn-box a{background:#2a80d0;width:162px;height:36px;line-height:36px;text-align:center;color:#fff;border-radius:5px;vertical-align: middle;margin-bottom:10px;font-size: 16px;}
#more-recommendations .flex-box>div .btn-box a.win-down i{display:inline-block;width:20px;height:20px;background:url(/images/whatsapp-transfer-pour-ios/windows.png);margin-right:10px;vertical-align: -15%;}
#more-recommendations .flex-box>div .btn-box a.mac-down i{display:inline-block;width:20px;height:20px;background:url(/images/whatsapp-transfer-pour-ios/mac.png);margin-right:10px;vertical-align: -15%;}
#more-recommendations .flex-box>div .btn-box a:hover{background:#3f96e6;text-decoration: none;}
/* article */
#reading_more{width: 100%;margin:0 auto;background-color: #fff;padding:90px 0 70px;}
#reading_more .container{margin:50px auto 0;}
#reading_more .container>ul{float:left;margin:0 0 30px;width: 50%;max-width:586px;box-sizing: border-box;background-color: #fafafa;padding:40px 40px 40px 70px;}
#reading_more .container>ul:nth-child(2){float:right;}
#reading_more .container>ul li{list-style-type: disc;color:#3cade8;padding:4px 0;}
#reading_more li a{font-size:16px;line-height: 24px;color:#333;}
/*cookies*/
.usernotice_pop{display: table;width: 200px;padding: 12px;position: fixed;bottom: 20px;right: 70px;background: rgba(0,0,0, 0.55);z-index: 1000;text-align: center;color: #fff;border-radius: 5px;transition: all 0.3s ease;font-size: 12px;}
.usernotice_pop a{color:#fff;text-decoration:underline;}
.usernotice_pop span{display:block;cursor:pointer;border:1px solid #fff;display:block;margin:10px auto;width: 28%;}
/*go top*/
.back-to { position: fixed; bottom: 40px; right: 10px; z-index: 999; width: 50px; overflow: hidden; zoom: 1; -ie6-position-fixed-delay: 200; }
.back-to .back-top { float: right; display: block; width: 32px; height: 32px; background: url(/style/images/retour-en-haut.png) no-repeat scroll 0 0 transparent; background-size: cover; outline: 0 none; text-indent: -9999em; }
@media screen and (max-width: 1180px){
	.container{padding-left:30px;padding-right:30px;box-sizing: border-box;}
	h1 {font-size: 40px;color:#222;line-height: 44px;}
	h2 {font-size: 32px;line-height: 36px;color:#222;}
	.showoff .container{padding:0 30px 50px}
/*function*/
.function .container{max-width: 600px;justify-content: center;}
  /* recorder */
  .recorder ul,.recorder ul:nth-child(2){max-width: 100%;width: 100%;}
  .recorder ul:nth-child(1) li:nth-child(2){border-top:1px solid transparent;}
  .recorder ul:nth-child(1) li{float: left;width: 33.333333%;border-bottom: 1px solid #e1e1e1;box-sizing:border-box;}
  .recorder{height: auto;padding-bottom: 82px;}
/*change*/
#change .container{padding-left: 5px;padding-right: 5px;width: 96%;}
.slider_zoon li{margin-right: 20px;}
/* rec-article */
.rec_article_box{max-width:800px;}
ul.rec-article li{width: 49.999%;}
  /* recommend */
  .recommand .buy_section{justify-content: center;}
}
@media screen and (max-width: 1080px){
  /*change*/
  #change .container{max-width:694px;text-align: center;}
  #change .right{float: none;margin:0 auto;display: block;}
  .slider_zoon{max-width: 690px;padding:29px 0 20px;}
  .slider_zoon li{max-width: 320px;margin-right: 47px;}
  /*faq section*/
  #faq_section .faq_questions{padding:17px 60px 22px 22px;}
  #faq_section .faq_questions::after{top: 24px;right: 20px;}
  #faq_section .faq_items:hover .faq_questions{color:#000;}
  #faq_section .faq_items .faq_questions.active{color:#3d81d4;}
}
@media screen and (max-width: 980px){
  .toggle-nav{display:inline-block;}
  .toggle-nav{padding:28px;float:right;display:inline-block;color:#222;font-size:30px;border-radius:5px;padding-right: 0px;}
  a.toggle-nav{color:#222;}
  .toggle-nav:hover, .toggle-nav .active{text-decoration:none;}
  /*change*/
  .slider_zoon li{margin-right: 45px;}
  #reading_more .container>ul{float:none;margin:0 auto 20px;width: 96%;}
  #reading_more .container>ul:nth-child(2){float: none;}
}
@media screen and (max-width:850px){
  .center{padding: 0 40px;box-sizing: border-box;}
  }
  @media screen and (max-width: 800px) {
    .ad{background:url(/images/system/top-800.jpg) no-repeat 50% 0;height:70px;}
    /*change*/
    #change .right{margin-right: 20px;}
  }
  @media screen and (max-width:670px){
    /*banner common*/
  .banner{padding:0 0 40px;}
  .banner .left{padding:57px 0 0;}
  #starlist ul{margin:8px auto}
  .banner .review img{margin:0 8px 0 0;}
    /* recorder */
    .recorder ul:nth-child(2) li>a{float: none;margin: 20px auto 0;display: block;}
    .recorder ul:nth-child(2) p{margin-left: 0;}
    .recorder ul:nth-child(2) li{padding-left: 10px;padding-right:10px;}
    .recorder ul:nth-child(1) li i{zoom: .8;}
    /*change*/
    #change{padding:55px 30px 43px;box-sizing: border-box;}
    #change .container{max-width:330px;padding-top: 7px;}
    .slider_zoon li{margin:0 10px 0 0;}
    /* rec-article */
    ul.rec-article li{width: 100%;}
    /* recommend */
    .recommand{padding:30px 30px 20px;box-sizing: border-box;}
    .recommand .title{margin: 15px auto 23px;font-size: 16px;line-height: 24px;}
    .showoff .unslider-arrow.prev, .showoff .unslider-arrow.next{display: none;}
  }
  @media screen and (max-width:630px){
  .footer_box .footer_down li:nth-child(2) a{width: 150px;height: 38px;line-height: 38px;padding-left: 6px;}
  .footer_box .footer_down li:nth-child(2) a:nth-child(1) i,.footer_box .footer_down li:nth-child(2) a:nth-child(2) i{right:6px;}
  .footer_box .footer_down li:nth-child(2) a:nth-child(2){margin-top: 20px;}
  .back-to{bottom: 80px;}
  }
  @media screen and (max-width:550px){
    /*change*/
    #change .container{max-width:314px;padding-bottom: 0;}
    #change .right{float:none;margin:0 auto;display: block;width: 100%;max-width:180px;}
    .slider_zoon{padding:40px 15px 20px 77px;}
    .slider_zoon li{width: 100%;margin:0 30px 0 0;max-width:304px}
    .slider_zoon li .bottom{padding:21px 18px;}
  }
  @media screen and (max-width: 480px) {
    /*banner common*/
    .banner .title{margin:4px 0 10px;line-height: 30px;}
    .banner .review{text-align: center;}
    .banner .system_tab{margin:20px auto 30px;}
    #starlist,.banner .review span,.banner .review span{display: inline-block;float:none;vertical-align: middle;}
    .banner .buy_section{width: 270px;margin:0 auto 15px;}
    .banner .review span.review_num {vertical-align: 0px;}
  .botlink-box, .botlink-company, .botlink-support, .botlink-social{width:100%;}
  .copyright, #footer p a {font-size:10px;}
  .menu_dropDown .item ul{width:90%;}
  .menu_dropDown .item{width:90%;}
  .ad{background:url(/images/system/top-480.jpg) no-repeat 50% 0;height:50px;}
  .usernotice_pop{width:100%;bottom:0;right:0;padding:5px 0;border-radius:0;}
  .usernotice_pop span{display:inline;padding:0 15px;margin-left:5px;}
  .function h2{box-sizing: border-box;padding-left: 30px;padding-right: 30px;}
  /* rec-article */
  ul.rec-article{margin-top: 10px;}
  ul.rec-article li{margin:13px 0 0;}
  /* recommend */
  .recommand{padding:30px 30px 20px;box-sizing: border-box;}
  }
  @media screen and (max-width: 450px) {
	  .container{padding-left:20px;padding-right:20px;}
    /* function */
  .function{padding:17px 0 40px;}
  .function .container{padding:30px 30px 0;}
  .function .container div{box-sizing: border-box;padding:20px;}
  /* recorder */
  .recorder ul:nth-child(1) li{width: 100%;height: 138px;}
  .recorder ul:nth-child(1) li i{margin:15px auto 5px!important;}
  .recorder{padding-top:68px;}
  .recorder h2{margin-bottom: 30px;}
  .usernotice_pop{padding:10px 15px 15px;box-sizing: border-box;}
  .icon img{margin-right: 5px;}
  .fixbar a.fix-buy{width: 120px;background-position: 20px center;text-indent:10px;}
  .support .title span{width: 250px;}
}
  @media screen and (max-width: 420px) {
    /*banner common*/
    .banner .review span{margin:10px 0;}
    /*change*/
    .slider_zoon{padding:40px 15px 20px 66px;}
  }
  @media screen and (max-width: 398px) {
    /*change*/
    #change .container{max-width:294px;}
    .slider_zoon{padding:40px 15px 20px 48px;}
    .slider_zoon li{max-width:284px}
    .support .title span{width: 190px;}
  }
  @media screen and (max-width: 360px) {
    /*change*/
    #change .container{max-width:274px;}
    .slider_zoon{padding:40px 15px 20px 40px;}
    .slider_zoon li{max-width:264px}
    .slider_zoon li .bottom span:nth-child(1){padding-right: 10px;margin-right: 10px;}
  }
  @media screen and (max-width: 320px){
    /*banner common*/
    .banner .review{white-space: nowrap;}
    /*change*/
    #change .container{max-width:234px;}
    .slider_zoon{padding:40px 15px 20px 19px;}
    .slider_zoon li{max-width:224px}
    .slider_zoon li .bottom{padding:21px 5px;}
    .slider_zoon li .bottom span:nth-child(1){padding-right: 0;margin-right: 5px;border-right: 0;}
    /* recommend */
    .recommand{padding:20px 10px 20px;}
    .support .title span{width: 140px;}
  }
  @media screen and (max-width: 300px){
    .container{padding-left: 20px;padding-right: 20px;}
    /*banner common*/
    .banner .review{white-space: inherit;}
    .banner .buy_section{width: 240px;}
    .buy_section a{zoom:.8;margin:0 auto 40px;}
    .buy{text-indent: 55px;}
    .buy::after{font-size:12px;}
    /*change*/
    #change {padding:30px 10px 20px;}
    .new_rollTopfone_box .icon{font-size:14px;}
    .new_rollTopfone_box .icon::before{left: 100%;}
    .fixbar a.fix-buy{width: 100px;background-position: 8px center;text-indent: 8px;}
    .fixbar a.fix-buy::after{zoom:.9}
    .support .title span{width: 120px;}
    .back-to{bottom: 100px;}
  }