@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
body{ background-color:#FAFAFA;}

.faq_banner{background:url(https://imobie-resource.com/fr/faq/img/banner.jpg) no-repeat; width:100%; height:240px; overflow:hidden;}
.faq_banner h1{font-size:48px; text-align:center; color:#fff; line-height:240px;}

.faq_left{width:200px; float:left; overflow:hidden; margin-top:50px; }
.faq_left li{position:relative; padding-left:30px;}
.faq_left li:before{content:""; width:6px; height:6px; border-radius:100%; background-color:#666; position:absolute; top:19px; left:13px;}
.faq_left li a{font-size:14px; color:#666; text-decoration:none; line-height:40px; display:block;}
.faq_left .spe{font-size:18px; margin-bottom:10px;}
.faq_left .add_cla{background-color:#0088cc;}
.faq_left .add_cla:before{background-color:#fff;}
.faq_left .add_cla a{color:#fff; width:200px;}
.faq_left_fixed{position:fixed; top:0;}

.faq_lright{width:739px; float:right; padding:40px 0 40px 40px; border-left:1px solid #e6e6e6;}
.faq_lright h1{font-size:30px;}
.faq_lright>p{font-size:16px; line-height:34px; color:#000; margin-top:10px;}
.faq_smartmune{background-color:#edf9ff; width:720px; height:auto; padding:25px 0 0 25px; margin-top:30px; overflow:hidden;}
.faq_smartmune a{display:block; background:url(https://imobie-resource.com/fr/faq/img/meun-icon.png) no-repeat left center; padding-left:25px; margin-bottom:30px; font-size:14px; color:#0088cc;}
.faq_lright_main h2{font-size:24px; margin-top:40px;}
.faq_lright_main h2 a{font-size:24px;}
.faq_lright_main p{font-size:16px; line-height:30px; color:#666; margin-top:10px;}
.faq_lright_main p b{font-size:inherit; font-weight:700;}
.faq_lright_main p a{font-size:16px;}

/*special style*/
.imgstyle{border:1px #dcdbdb solid; border-radius:5px; max-width:90%;}
.spt_figure{text-align:center; margin:30px 0;}
.spt_figure>p{ font-size:12px; color:#4c4c4c; font-style: italic; margin-top:20px;}



/*common button style 2017-11-28 dl*/
.faq_lright .stpcduble{width:400px; margin:0 auto;}
.stpcduble a:last-child{margin-right:0;}
.faq_lright .faqstpbtn{width:180px; margin:-20px 130px 0 0;}
.faqstpbtn a{margin:0 0 10px 0;}
.faqstpmac a:before{content:"\eabf";}

/*2018-1-31*/
.faq_icon li{width:80px; height:44px; float:left; margin:30px 25px 10px 25px; cursor:pointer;}
.faq_icon li a{ display:inline-block; height:44px;}
.faq_icon .active a{ box-shadow:1px 1px 10px #ccc; border:1px solid #d2d2d2; border-radius:8px;}
/*.faq_lright_main div,.faqnav div{display:none;}*/
.faq_lright_main .faqactive,.faqnav .faqnav_active{display:block;}

/*2018-2-27 mainfaq*/
.mainfaq{background:#81c9f7 url(https://imobie-resource.com/fr/faq/img/mainbanner.jpg) top center no-repeat; background-size:cover;}
.mainfaq_left{width:280px; float:left; overflow:hidden; margin-top:50px;}
.mainfaq_left li{position:relative; border-bottom:1px solid #e0e0e0;}
.mainfaq_left li a{font-size:18px; color:#000; text-decoration:none; line-height:50px; display:block;}
.mainfaq_left li a:hover{ text-decoration:underline;}
.mainfaq_right{ width:560px; padding:50px 70px 30px 60px;}
.detail{ padding-bottom:40px}
.detail h2{ font-size:24px; font-weight:bold; color:#5b5b5b;}
.detail h2 img{ margin-right:10px;}
.detail ul{ padding-left:86px;}
.detail ul li{ width:235px; color:#268dec; float:left; font-size:18px; line-height:50px;}
.detail ul li a{ color:#268dec; font-size:18px; text-decoration:none;}
.detail ul li a:hover{ text-decoration:underline;}
.detail ul li:before{ content:''; display:inline-block; border:3px solid #268dec; border-radius:50%; margin-right:8px; vertical-align:middle;}
.fixed{ position:fixed; top:0;}


/*2018-2-28 faq htm*/
.faqmain{ width:930px; margin:0 auto; padding:0 25px; position:relative;}
.top_img{ text-align:center; margin:40px auto 70px auto;}
.time{ font-size:20px;}
.faqmain h1{ font-size:36px; font-weight:bold; line-height:48px; margin-bottom:20px}
.faqmain h2{ font-size:24px; font-weight:bold; line-height:30px;}
.faqmain p{ margin:20px 0; font-size:18px; line-height:28px; color:#666;}
.faqmain .faq_img img{ margin:20px 0 20px 0; max-width:725px;}
.faqmain a{ font-size:inherit; color:#2f8dd6;}
.faqmain b{ font-weight:bold; font-size:inherit;}

/*.faqnote,.faqtip{ width:685px; border:1px dashed #acacac; border-radius:5px; padding:14px 20px 0 20px; margin-bottom:40px;}
.faqnote:before{ display:block; content:''; width:77px; height:31px; background:url(note_img.png) top center no-repeat; margin-bottom:-15px;}
.faqnote p,.faqtip p{ font-size:14px; line-height:22px; color:#666;}
.faqtip:before{ display:block; content:''; width:70px; height:34px; background:url(tip_img.png) top center no-repeat; margin-bottom:-15px;}*/

.faqnote{background:url(https://imobie-resource.com/fr/guide/img/note_imgs.png) #eaf6f3 18px 18px no-repeat; padding:68px 20px 20px 20px; border-radius:8px; margin:20px auto;}
.faqnote p,.faqnote li{ font-size:14px; line-height:22px; color:#626464; margin:5px auto;}

/*2018-3-14 faq */
.csguide{display:block; width:73px; height:73px; border-radius:100%; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1); position:fixed; bottom:100px; right:13px; cursor:pointer; text-align:center;}
.csguide span{display:inline-block; width:65px; height:65px; line-height:65px; border-radius:100%; font-size:20px; color:#fff; background-color:#3599ff; position:relative; top:4px; left:1px;}
.csguidemove{bottom:185px;}


.thumbs{ width:100%; border-top:1px dashed #acacac; text-align:center; margin:20px 0 40px 0;}

.clickyet{ display:block; font-size:14px; margin-top:10px; color:#268dec; opacity:0;}
.addone{ position:absolute; left:38px; opacity:0; transform:translateY(0);}
.clickadd{ animation: add 1s ease-out;}

/*2018-3-23 add 1.htm*/
.article-intr{width: 100%;height:430px;color:#333;margin:65px auto 80px;}
.section-title li{width:310px;line-height:48px;font-size:18px;margin-bottom:6px;cursor: pointer;}
.section-title li:hover{background: #fff;border-radius:5px;box-shadow:1px 1px 15px #eaeaea;}
.section-title .active{background: #fff;border-radius:5px;box-shadow:1px 1px 15px #eaeaea;}
.section-title li:before{content: '';display: inline-block;width:34px;height:34px;background:url(https://imobie-resource.com/fr/guide/img/sect-icon.png) no-repeat; background-size:34px auto; margin:auto 8px; vertical-align: middle;}
/*2.18-4-17 change guide/*/
.knowledge_banner{background: #81c9f7 url(https://imobie-resource.com/en/faq/img/mainbanner.jpg) top center no-repeat; background-size: cover;}
.knowledge_banner h1{color:#333;}
.top_img.htf_top_img{margin:40px auto;}
.section-title .nav_at:before{background-position:0 0;}
.section-title .nav_ata:before{background-position:0 -42px;}
.section-title .nav_pt:before{background-position:0 -468px;}
.section-title .nav_apt:before{background-position:0 -432px;}
.section-title .nav_dk:before{background-position:0 -614px;}
.section-title .nav_atc:before{background-position:0 -381px;}
.section-title .nav_af:before{background-position:0 -578px;}
.section-title .nav_au:before{background-position:0 -505px;}
.section-title .nav_pri:before{background-position:0 -85px;}
.section-title .nav_pra:before{background-position:0 -136px;}
.section-title .nav_aui:before{background-position:0 -542px;}
.section-title .nav_pc:before{background-position:0 -182px;}
.section-title .nav_mc:before{background-position:0 -229px;}
.section-title .nav_itunes:before{background-position:0 -279px;}
.section-title .nav_question:before{background-position:0 -330px;}
.section-text{width:630px;}
.section-text li:before{content: '';display:inline-block;width:10px;height:10px;background: url(https://imobie-resource.com/en/guide/img/caret.png) no-repeat center; margin-right:19px; vertical-align:middle; margin-top:-4px;}
.section-text li{line-height: 30px;margin-bottom: 12px;}
.section-text a{font-size: 16px;}


@keyframes add{
	0%{ opacity:0; transform:translateY(0);}
	50%{ opacity:1; transform:translateY(-40px);}
	100%{ opacity:0; transform:translateY(-40px);}
}
.support_guide_more {margin:18px 0 20px 0; *+zoom:1;}
.support_guide_more:after{ content:""; display: block; clear: both;}
.support_guide_more a {font-size:11px;line-height:18px}
.support_guide_more b {font-size:16px; font-weight:bold; display:block; line-height:16px; padding:20px 0; margin:0 0 10px 0;}
.support_guide_more ul { line-height:20px; margin:0; padding:0; list-style:none;}
.support_guide_more ul li{ color:#666; line-height:40px; width:450px; height:42px; border:1px #e4e4e4 solid; padding:10px 0 10px 10px; margin:10px 10px; list-style:none; float:left;} 
.support_guide_more ul li a{ font-size:13px;}
.support_guide_more ul li:hover{ background:#d5f1ff; border:1px #acd7f8 solid;}
.support_guide_more ul li a img{ float:left; margin:0 10px 0 0;}


@media screen and (max-width: 980px){
	html{overflow-x:hidden;}
	/*nav style**/
	 .pw980{width:100%; margin:0px auto;}
	 .nva_meau{display:block;}
	 .nav_cont ul{width:100%; background-color: rgba(0,0,0,0.95); position: absolute; z-index:9999; height:100%; left:0; top:54px; margin:0; overflow:hidden; display: none;}
	 .nav_cont ul li{float:none; text-align:left;}
	 .nav_cont ul li a{display:block; text-align:left; color:#fff; margin-left:20px;}
	 .nav_cont ul li .nav_sel,.nav_cont ul li a:hover{color:#fff;}
	 .language{display:none;}
	 .nav_pro_list{margin-left:50px; display:none;}
	 .nav_pro_list>a{display:block; font-size: 12px; color: #fff; line-height: 50px; font-family:"Open Sans"; margin-right:20px; text-decoration:none;} 
	 .nav_pro_list>a:hover{text-decoration: underline;}
	 .faq_banner{height:auto; padding:50px 0;}
	.faq_left{display:none;}
	.faq_lright{width:92%; margin:20px auto; padding:0; border-left:none; float:none !important;}
	.spt_figure img{display:block; height:auto; margin:0 auto;}	
	.faq_banner h1{line-height:1.4; font-size:36px;}
	
	.mainfaq_left{ display:none;}
	.mainfaq_right{ width:80%; margin:0 auto; padding:50px 0 30px 0; float:none !important;}
	
	.faqmain{ width:90%;}
	.faqnote,.faqtip{ width:80%;}
	.faqmain .faq_img img{ max-width:85%;}
	.section-text{width:calc(100% - 320px);}
}
@media screen and (max-width: 768px){
	.faq_smartmune{width:84%; margin:20px auto; padding:20px 25px 0 25px;}
}
@media screen and (max-width: 750px){
	.article-intr{height: auto;}
	.section-title{float: none;margin:0 auto;}
	.section-text{float: none;margin:0 auto;width:96%;margin-left:4%;}
}
@media screen and (max-width: 414px){
	.faq_lright .stpcduble{width:100%; float:none !important; text-align:center;}
	.stpcduble a,.stpcduble a:last-child{margin:10px auto;}
	
	.mainfaq_right{ width:95%;}
	.mainfaq_right h2{ font-size:20px;}
}