h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px "Poppins", "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; font-size:10px;}
body{overflow-x:hidden; background-color:#fff;}

.wrap p{line-height:1.8; font-size:14px;}
.wrap a{text-decoration:none;}
.only_pc{ display:block;}
.only_mo{ display:none;}

/*common button*/
a.dlbtn{ width:169px; height:42px; display:inline-block; line-height:42px; text-align:center; background-color:#06c668; color:#ffffff; font-size:16px; border-radius:5px; margin-top:17px; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s;}
a.morebtn{ width:167px; height:40px; display:inline-block; border:1px solid #0c7bed; line-height:40px; text-align:center; color:#0c7bed; font-size:16px; border-radius:5px; margin-top:17px; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s;}
a.dlbtn:hover{ background-color:#0aac5c; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s;}
a.morebtn:hover{ background-color:#0c7bed; color:#fff; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s; }
/* .proidx_banbtn{ margin-top:5px;} */
.proidx_banbtn .morebtn{ margin-left:8px;}


/*banner*/
.proidx_banner{width:100%; height:280px;}
.proidx_ban{ width:100%; height:280px; overflow:hidden; background-size:cover; position:absolute; z-index:-1; opacity: 0;}
.proidx_ban1{background:#ecf6f7 url(https://imobie-resource.com/fr/product/img/proidx_ban1.jpg) top center no-repeat;}
.proidx_ban2{background:#e9e9fa url(https://imobie-resource.com/fr/product/img/proidx_ban2.jpg) top center no-repeat;}
.proidx_ban3{background:#ece1fa url(https://imobie-resource.com/fr/product/img/proidx_ban3.png) top center no-repeat;}
.proidx_ban4{background:#d1ecec url(https://imobie-resource.com/fr/product/img/proidx_ban4.png) top center no-repeat;}
.proidx_ban5{background:#ccf0df url(https://imobie-resource.com/fr/product/img/proidx_ban5.png) top center no-repeat;}
.proidx_ban6{background:#e2eaff url(https://imobie-resource.com/fr/product/img/proidx_ban6.png) top center no-repeat;}
.proidx_ban.show{ animation:showed ease-in-out 0.4s forwards; -webkit-animation:showed ease-in-out 0.4s forwards; -moz-animation:showed ease-in-out 0.4s forwards; -o-animation:showed ease-in-out 0.4s forwards; -ms-animation:showed ease-in-out 0.4s forwards;}

@keyframes showed{
0%{ opacity:0;}
40%{ opacity:0.5; transform:scale(0.98); left:0; right:0; top:0; bottom:0; margin:auto; z-index:1;}	
50%{ opacity:0.5; transform:scale(0.98); z-index:1;}	
100%{ opacity:1; transform:scale(1); z-index:1;}	
}

.proidx_banct{ transform:translateX(60px); opacity:0.5;}
.proidx_ban.show .proidx_banct{ transform:translateX(0); opacity:1; transition:all ease-in-out 0.5s 0.3s; -webkit-transition:all ease-in-out 0.5s 0.3s; -moz-transition:all ease-in-out 0.5s 0.3s; -o-transition:all ease-in-out 0.5s 0.3s; -ms-transition:all ease-in-out 0.5s 0.3s;}
.proidx_banct>img{ margin:0 100px 0 115px;}
.proidx_ban2 .proidx_banct>img{ margin:0 30px 0 30px;}
.proidx_bantext{ max-width:520px;}
.proidx_bantit{ font-size:28px; margin-top:15px;}
/*.proidx_bantit span{ position:absolute; z-index:3;}*/
.proidx_bantext b{display: inline-block; margin-left: 5px; font-size: 12px; line-height: 1; padding: 3px 6px; vertical-align: middle; color: #fff; background-color: #fd5869; position: relative; border-radius: 10px 0px;}
.proidx_bantext em{ font-weight: bold; color: inherit; font-size: 14px; z-index: 2; position: relative;}
.proidx_bantext p{ max-width:390px; line-height:1.4; margin-top:15px; font-size:16px; }
.proidx_bantit sup{ font-size:20px;}
.proidx_bantit span{ position: relative;}
.proidx_bantit span:after{ width:100%; height:3px; background:#91de75; content:""; /*display:inline-block;*/ position:absolute; bottom:2px; left:0; z-index:2;}
.proidx_ashampoo .proidx_bantit span:after{background:#1bd1ff;}
/*.proidx_bantit span:after{ width:385px; bottom:1px; background:#1bd1ff;}*/

.proidx_bantit img{ margin-left:265px;}

.proidx_ban2 .proidx_bantit img{ margin-left:405px;}
.proidx_ban2 .proidx_bantext p{max-width:436px;}
.proidx_bantext{ margin-top:8px;}
.proidx_cicr{ position:absolute; bottom:auto; top:245px; text-align:center; left:0; right:0; margin:auto; z-index:5;}
.proidx_cicr>a{ min-width:80px; height:5px; line-height:5px; background:#dddddd; display:inline-block; vertical-align:middle; margin:4px; text-align:center;}
.proidx_cicr>a:before{ width:0; height:5px; content:""; display:block; position:relative; background:linear-gradient(to right,#9cd4ff,#0c7bed); left:0; top:0; z-index:1;}
.proidx_cicr>a.checked:before{ animation:cicr ease-in-out 10s forwards; -webkit-animation:cicr ease-in-out 10s forwards; -moz-animation:cicr ease-in-out 10s forwards; -o-animation:cicr ease-in-out 10s forwards; -ms-animation:cicr ease-in-out 10s forwards;}
@keyframes cicr{
0%{ width:0;}	
100%{ width:100%;}	
}

.proidx_prot{ margin-bottom: 50px;}
.proidx_prot_nav a{ width:170px; display:inline-block; margin:20px 10px; font-size:18px; color:#666666; position:relative; line-height:1.5; vertical-align: text-top;}
.proidx_prot_nav a:before{ position:relative; display:block; width:55px; height:55px; background-size:cover; background-position:0 -55px; content:""; margin:0 auto 10px;}
.prot_nav1:before{background:url(https://imobie-resource.com/fr/store/img/stocon_head1.png) top center no-repeat;}
.prot_nav2:before{background:url(https://imobie-resource.com/fr/store/img/stocon_head2.png) top center no-repeat;}
.prot_nav3:before{background:url(https://imobie-resource.com/fr/store/img/stocon_head8.png) top center no-repeat;}
.prot_nav4:before{background:url(https://imobie-resource.com/fr/store/img/stocon_head7.png) top center no-repeat;}
.prot_nav5:before{background:url(https://imobie-resource.com/fr/store/img/stocon_head9.png) top center no-repeat;}
.proidx_prot_nav a.checked{ color:#0c7bed;}
.proidx_prot_nav a.checked:before{background-position:0 0;}
.prot_cnt{ display:none;}
.prot_cnt.show{ display:block;}
.prot_cnt_box{ height:174px; border:1px solid #f6f6f6;}
.prot_cnt_img{ width:240px; height:100%;}
.prot_cnt_img>img{ width:110px; display:block; margin:15px auto; text-align:center;}
.prot_cnt_img1{ background-color:#e3e9ee;}
.prot_cnt_img2{ background-color:#efeae7;}
.prot_cnt_img3{ background-color:#e5eeeb;}
.prot_cnt_text{ width:510px; margin:25px 0 0 22px;}
.prot_cnt_text em{ font-size:inherit; color:inherit; margin:0 5px; position:relative;}
.prot_cnt_text em:before{ font-family:"pricon"; position:relative; vertical-align:middle; display:inline-block; margin:-3px 8px 0 0; }
.prot_cnt_text h4{ font-size:22px; font-weight:bold;}
.prot_cnt_text h4 sup{ font-size:14px;}
.prot_cnt_text h4.pner em{ color:#ffffff; padding:3px 10px; background:#a3a3a3; border-radius:5px; vertical-align:middle; font-weight:normal; letter-spacing:0.5px; margin:-2px 0 0 7px; font-size:14px;}
.prot_cnt_text p{ font-size:14px; margin-top:12px; line-height:1.6;}
.prot_cnt_text span{ font-size:14px; color:#999999; margin-top:10px; line-height:1.6; display:inline-block;}
.winicon:before{content:"\eac2"; margin:-5px 8px 0 0}
.macicon:before{content:"\eabf";}
.webicon:before{content:"\e907";}
.prot_cnt_btn{ width:170px; margin:20px 22px 0 0;}

/*mail*/
.ios_pop_bg{background:rgba(0,0,0,0.2); width:100%; height:100%; position:fixed; top:0; left:0; display:none; z-index:998;}
.ios_pop{width:82%; max-height:430px; position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; background:#fff; background-size:100%; display:none; z-index:999; overflow-y:scroll;}
.ios_pop>p .ios_close{ position:absolute; top:0; right:21px; max-width:36px; width:8%; opacity:0.5; margin-top:20px; display:block;}
.ios_pop>p{width:85%; margin:30px auto 0; text-align:center;}
.ios_pop>div{width:90%;}
.send_contain{margin:0 auto;}
.send_contain h2{ font-size:26px;}
.send_contain p{font-size:16px; line-height:1.6;}
.send_cont input{width:77%; border-radius:5px; padding:10px 5px 10px 10px; font-size:16px; border:1px solid #c1c1c1; color:#000; display:block; margin:0.4rem auto 0;}
.send_cont input::-webkit-input-placeholder {color:#cacaca;}
.send_cont input:-moz-placeholder {color:#cacaca;}　
.send_cont input::-moz-placeholder 　{color:#cacaca;}
.send_cont input:-ms-input-placeholder {color:#cacaca;}
.send_cont>a{padding:10px 0; width:84%; font-size:20px; margin:20px auto 0; border-radius:5px; background:linear-gradient(top, #608bff 0%, #33b9f8 100%); background:-moz-linear-gradient(top, #608bff 0%, #33b9f8 100%); background:-webkit-linear-gradient(top, #608bff 0%, #33b9f8 100%); color:#fff; text-align:center; display:block;}
.send_conts>a{ width:84%; }
.send_cont>a:hover{ text-decoration:none;}
.send_cont>p{ max-width:700px; text-align:center; width:85%; margin:15px auto 0; color:#5d8efe; font-size:0.16rem;}
.send_cont1 p{ font-size:0.2rem; color:#666; }
.send_cont>p img{ vertical-align:middle; margin-right:5px;}
.ios_send a{ display:none;}

.send_main a{color:#0077ce; font-size:16px;}
.send_main p{font-size:16px; line-height:1.5; margin-top:40px;}
.send_sending{margin:40px auto 0 auto; position:relative;}
.send_error{margin:40px auto 0 auto;}
.send_error p{margin-top:24px;}
.send_error .ios_close1{margin-top:0;}
.send_succ{margin:40px auto 0 auto;}
.send_succ p{margin-top:20px;}
.send_sending .send_mails{width:50px; height:50px; margin:0 auto; padding:0; }
.send_sending .send_mails img{ margin-top:15px;}
.email_send{ background:url(https://imobie-resource.com/en/landing/img/send-email.png) no-repeat center; position:absolute; animation:spin 1s infinite linear; width:100%; height:100%; margin-left:-25px;}
.email_sendsd{ margin-left:-16px; }
.send_contain{ display:none;}
.ios-atbg{width:30%;}
@keyframes spin {
  0%   { transform: rotate(0);}
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0%   { transform: rotate(0);}
  100% { transform: rotate(360deg); }
}

.wrap p.prot_more{ width:100%; margin-top:30px; padding:10px 0; border:1px solid #f6f6f6; text-align:center; font-size:18px; color:#666666; cursor:pointer; position:relative;}
.wrap p.prot_more:after{content:"\e800"; font-family:"iconfont"; position:relative; vertical-align:middle; display:inline-block; font-size:12px; font-weight:bold; margin-left:3px; transition:transform linear 0.2s;}
.wrap p.prot_more:hover{ color:#1172ec;}
.wrap p.prot_more:hover:after{ transform:rotate(180deg);}
.prot_cnt_box_more .prot_cnt_img>img{ margin:20px auto 0;}
.prot_cnt_box_oth .prot_cnt_img>img{ margin:25px auto 0;}

/* new product 2023/10/27*/
.mo { display: none; }
.webapp>img { vertical-align: middle; margin-top: -2px; }
.pw1200 { max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; }
.wrap .pro_ban { text-align: center; background: url(https://imobie-resource.com/fr/product/img/product_bgimg.png) top center no-repeat; background-size: cover; padding: 120px 0 100px; }
.wrap .pro_ban .ban_img { max-width: 1100px; width: 100%; margin: 0 auto; }
.wrap .pro_ban .ban_img>img { max-width: 100%; }
.wrap .pro_ban .ban_img_mo { max-width: 750px; width: 100%; margin: 0 auto; }
.wrap .pro_ban .ban_img_mo>img { max-width: 95%; }
.ban_img_mo { display: none; }
.wrap .pro_banswiper { position: relative; min-height: 345px; }
.wrap .pro_banswiper .swiper_groups { margin: 75px auto 0; }
.wrap .pro_banswiper .swiper_groups .swiper_span { padding: 60px 90px 60px 80px; border-radius: 20px; border: 3px solid #FFF; background: rgba(255, 255, 255, 0.20); box-shadow: 0px 0px 100px 0px rgba(156, 185, 212, 0.60); position: absolute; z-index: -2; transform: translateX(-45%); max-width: 1200px; width: 100%; box-sizing: border-box; left: 50%; opacity: 0;}
/* .wrap .pro_banswiper .swiper_groups .swiper_span1 {  background: linear-gradient(90deg, rgba(255, 255, 255, 0.56) 0.48%, rgba(255, 255, 255, 0.35) 46.94%, rgba(255, 255, 255, 0.56) 99.6%); } */
.wrap .pro_banswiper .swiper_groups .swiper_span2,.wrap .pro_banswiper .swiper_groups .swiper_span3 { padding: 50px 90px 52px 80px; }
.wrap .pro_banswiper .swiper_groups .swiper_span>div { display: inline-block; }
.wrap .pro_banswiper .swiper_groups .swiper_span.show { z-index: 2; transform: translateX(-50%); transition: all .3s ease-in-out; opacity: 1; }
.wrap .pro_banswiper .swiper_img { vertical-align: top; }
.wrap .pro_banswiper .swiper_text { max-width: 540px; width: 100%; text-align: left; vertical-align: middle; }
.wrap .pro_banswiper .swiper_text a { display: inline-block; box-sizing: border-box; font-size: 20px; font-weight: 600; max-width: 210px; width: 100%; text-align: center; padding: 11px 0; border-radius: 8px; transition: all .3s ease-in-out; }
.wrap .pro_banswiper .swiper_text a:hover { transform: translateY(-10px); transition: all .3s ease-in-out; }
.wrap .pro_banswiper .down_btn { background-color: #28AD38; border: 2px solid #28AD38; color: #fff; margin-right: 25px; }
.wrap .pro_banswiper .learn_btn { border: 2px solid #28AD38; color: #28AD38;}
.wrap .pro_banswiper .swiper_span2 .swiper_text { margin-right: 80px; }
.wrap .pro_banswiper .swiper_span2 .down_btn { background-color: #18B7A5; border: 2px solid #18B7A5; }
.wrap .pro_banswiper .swiper_span2 .learn_btn {border: 2px solid #18B7A5; color: #18B7A5;}
.wrap .pro_banswiper .swiper_span3 .down_btn { background-color: #238CFB; border: 2px solid #238CFB; }
.wrap .pro_banswiper .swiper_span3 .learn_btn {border: 2px solid #238CFB; color: #238CFB;}
.wrap .pro_banswiper .swiper_span3 .swiper_img { max-width: 470px; transform: translateX(-40px); }

.wrap .pro_banswiper .swiper_groups .swiper_span4{padding: 56px 90px 32px 90px;}
.wrap .pro_banswiper .swiper_span4 .down_btn { background-color: #2EB27E; border: 2px solid #2EB27E;color: #fff; }
.wrap .pro_banswiper .swiper_span4 .learn_btn {border: 2px solid #2EB27E; color: #2EB27E;}
.wrap .pro_banswiper .swiper_span4 .swiper_img { max-width: 470px; }
.wrap .pro_banswiper .swiper_span4 .swiper_text{margin-right: 50px;}

.wrap .pro_banswiper .swiper_wp .down_btn {border: none; border-radius: 6px;background: linear-gradient(270deg, #BF37FF 0%, #42C6FF 100%); }
.wrap .pro_banswiper .swiper_wp .learn_btn {border: 2px solid #666; color: #666;}
.wrap .pro_banswiper .swiper_wp .swiper_img { max-width: 470px; }
.wrap .pro_banswiper .swiper_wp .swiper_text{margin-right: 50px;}

.wrap .pro_banswiper h2 { color: #000; font-size: 38px; font-weight: 600; }
.wrap .pro_banswiper h2 span { font-size: 16px; font-weight: 600; vertical-align: super; }
.wrap .pro_banswiper h2 img { vertical-align: -webkit-baseline-middle; margin-left: -16px; }
.wrap .pro_banswiper p { font-size: 18px; color: #333; line-height: 1.3; margin-bottom: 30px; }
.wrap .pro_banswiper>span { display: inline-block; width: 52px; height: 52px; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%; background-color: transparent; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.wrap .pro_banswiper .tab_circles { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 4;}
.wrap .pro_banswiper .tab_circles>span { display: inline-block; width: 16px; height: 8px; border-radius: 20px; background-color: #d1d3d9; margin-right: 10px; cursor: pointer; }
.wrap .pro_banswiper .tab_circles>span.select_now { background-color: #333; }
.wrap .pro_banswiper .tab_circles>span:last-child { margin-right: 0; }
.wrap .arrow_left { left: 25px; }
.wrap .arrow_right { right: 25px; }
.wrap .arrow_left::after { content: "\e902"; display: block; font-family: 'iconfont'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotateZ(180deg); color: #333; font-size: 20px; }
.wrap .arrow_right::after { content: "\e902"; display: block; font-family: 'iconfont'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #333; font-size: 20px;  }
.wrap .arrow_left:hover::after, .wrap .arrow_right:hover::after { color: #2375FF; }
.wrap .ban_title { font-size: 56px; color: #333; font-weight: 700; margin-bottom: 20px; }
.wrap .pro_tabs { width: 100%; padding: 30px 0; background-color: #fff; box-shadow: 0px 10px 17px 0px rgba(193, 195, 217, 0.25);margin-bottom: 100px; }
.wrap .pro_tabs ul { display: flex; justify-content: space-between; }
.wrap .pro_tabs ul li:hover span { background: rgba(35, 117, 255, 0.10); }
.wrap .pro_tabs ul li span { display: inline-block; padding: 18px 32px; border-radius: 68px; color: #333; font-size: 22px; font-weight: 600; cursor: pointer; }
.wrap .pro_tabs ul li.select span { color: #2375FF; background: rgba(35, 117, 255, 0.10); }
.wrap .pro_plan { margin: 40px auto; }
.wrap .pro_plan h2 { font-size: 28px; color: #333; font-weight: 700; margin-bottom: 25px; }
.wrap .pro_plan h2::before { content: ""; display: inline-block; width: 10px; height: 10px; background-color: #CFCFCF; border-radius: 50%; vertical-align: middle; margin-top: -5px; margin-right: 15px; }
.wrap .pro_plan.act h2::before { background-color: #2375FF; }
.wrap .pro_plan .plan_lists li { display: inline-block; padding: 20px; border-radius: 14px; border: 1px solid #E1E1E1; max-width: 440px; width: 32%; box-sizing: border-box; margin-bottom: 40px; transition: all .3s ease-in-out; padding: 10px 20px 20px;}
.wrap .pro_plan .plan_lists li:hover { box-shadow: 0px 0px 15px 0px rgba(37, 123, 255, 0.10), 0px 4px 30px 0px rgba(0, 0, 0, 0.20); transform: translateY(-10px); transition: all .3s ease-in-out; }
.wrap .pro_plan .plan_lists li:hover .plan_down { background-color: #3a84ff; }
.wrap .pro_plan .plan_lists li.middle { margin: 0 36px 40px; }
.wrap .pro_plan .plan_lists h3 { font-size: 20px; color: #333; font-weight: 600; }
.wrap .pro_plan .plan_lists h3 img { vertical-align: -webkit-baseline-middle; margin-left: -16px; margin-top: 5px;}
.wrap .pro_plan .plan_lists h3 em { display: inline-block; vertical-align: middle; }
.wrap .pro_plan .plan_lists h3 em img { margin-left: 0; vertical-align: text-top; }
.wrap .pro_plan .plan_lists .plan_text { font-size: 14px; color: #333; max-width: 400px; width: 100%; line-height: 1.4; min-height: 40px; }
.wrap .pro_plan .prot_cnt_text { margin: 10px 0 0 0; width: 100%; }
.wrap .pro_plan .plan_lists .plan_btns { margin-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.wrap .pro_plan .plan_lists .plan_down { background-color: #2375FF; font-size: 16px; color: #fff; text-decoration: none; font-weight: 600; padding: 10px 28px; border-radius: 6px; display: inline-block; }
.wrap .pro_plan .plan_lists .plan_learn { color: #333; font-size: 16px; font-weight: 600; display: inline-block; text-align: right; }
.wrap .pro_plan .plan_lists .plan_learn:hover { color: #3a84ff; }
.wrap .pro_plan .prot_cnt_text span>i { font-style: normal; margin-right: 5px; }
.wrap .pro_plan .prot_cnt_text span,.wrap .pro_plan .prot_cnt_text span>em { color: #666; font-weight: 600; font-size: 12px; margin-top: 0; }
.wrap .pro_plan .prot_cnt_text span { display: inline-block; background: #F7F7F7; padding: 0 6px; border-radius: 4px; }
.wrap .pro_ban .tab_circles_mo { display: none; }

/* 2024-9-23 */
.wrap .pro_ban{padding: 80px 0 100px;}
.wrap .pro_ban .ban_img{display: flex;max-width: 1120px;margin-left: auto;margin-right: auto;width: 98%;justify-content: space-around;}
.wrap .pro_ban .ban_img div{display: flex;align-items: center;}
.wrap .pro_ban .ban_img p{color: #333;font-feature-settings: 'liga' off, 'clig' off;
font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;margin-left: 12px;}
.wrap .pro_tabs{padding: 20px 0;}
.wrap .pro_tabs ul li span{padding: 0;font-size: 20px;}
.wrap .pro_tabs ul li.select span{background: inherit;}
.wrap .pro_tabs ul li:hover span{background: inherit;color: #2375FF;}
.plan_lists{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.wrap .pro_plan h2::before{display: none;}
.wrap .pro_plan .plan_lists h3{display: flex;align-items: center;}
.wrap .pro_plan h3 p{color: #333;font-size: 20px;font-style: normal;font-weight: 600;line-height: 28px;display: flex;flex-direction: column;}
.wrap .pro_plan h3 p img{width: 82px;margin-left: 0 !important;}
.flex::after{content:"";display:table;clear:both;width: 32%;}
.winicon:before{ content: '';
  display: inline-block;width: 12px; height: 13px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"><g clip-path="url(%23clip0_1297_11860)"><rect x="0.333008" y="0.833496" width="5.33333" height="5.33333" fill="%23666666"/><rect x="0.333008" y="6.8335" width="5.33333" height="5.33333" fill="%23666666"/><rect x="6.33301" y="0.833496" width="5.33333" height="5.33333" fill="%23666666"/><rect x="6.33301" y="6.8335" width="5.33333" height="5.33333" fill="%23666666"/></g><defs><clipPath id="clip0_1297_11860"><rect width="12" height="12" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');background-size: contain;background-repeat: no-repeat}
  .macicon:before{ content: '';display: inline-block;width: 13px; height: 13px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"><g clip-path="url(%23clip0_1297_11869)"><path d="M11.1076 9.19544C11.0926 9.24044 10.8579 10.0526 10.2812 10.8881C9.78169 11.6088 9.26498 12.3355 8.44978 12.3482C7.64733 12.3625 7.39084 11.8735 6.47515 11.8735C5.56096 11.8735 5.27373 12.3355 4.51552 12.3625C3.73182 12.394 3.12811 11.575 2.62789 10.8581C1.6027 9.38893 0.814504 6.6951 1.87194 4.88996C2.39316 3.98627 3.32835 3.41256 4.34678 3.39606C5.11474 3.38181 5.84519 3.91202 6.31166 3.91202C6.79088 3.91202 7.67433 3.27081 8.60652 3.36681C8.99649 3.38331 10.0884 3.52805 10.7919 4.53974C10.7371 4.57723 9.48546 5.30919 9.49971 6.80009C9.51846 8.59923 11.0911 9.18944 11.1076 9.19544ZM7.99681 2.40237C8.41678 1.8939 8.69351 1.19494 8.62077 0.500488C8.0208 0.523737 7.28885 0.895714 6.85463 1.40193C6.4699 1.8429 6.13167 2.55311 6.22617 3.23932C6.89287 3.27906 7.57833 2.89284 7.99606 2.40237" fill="%23666666"/></g><defs><clipPath id="clip0_1297_11869"><rect width="12" height="12" fill="white" transform="translate(0.620117 0.5)"/></clipPath></defs></svg>');background-size: contain; background-repeat: no-repeat;margin-right: 5px;}
  .webapp>img{margin-right: 5px;}
  .wrap .pro_plan .plan_lists .plan_text.m3 {min-height: 58px;}
  .wrap .pro_plan .plan_lists li:hover{border: 1px solid #F0F0F0;box-shadow: 0px 4px 15px 0px rgba(219, 224, 229, 0.75);}
  


@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
.proidx_ban1{background:#ecf6f7 url(https://imobie-resource.com/fr/product/img/proidx_ban1@2x.jpg) top center no-repeat; background-size:cover;}
.proidx_ban2{background:#e9e9fa url(https://imobie-resource.com/fr/product/img/proidx_ban2@2x.jpg) top center no-repeat; background-size:cover;}
.prot_nav1:before{background:url(https://imobie-resource.com/fr/product/img/proidx_proicon1@2x.png) top center no-repeat; background-size:cover;}
.prot_nav2:before{background:url(https://imobie-resource.com/fr/product/img/proidx_proicon2@2x.png) top center no-repeat; background-size:cover;}
.prot_nav3:before{background:url(https://imobie-resource.com/fr/product/img/proidx_proicon3@2x.png) top center no-repeat; background-size:cover;}
.prot_nav4:before{background:url(https://imobie-resource.com/fr/product/img/proidx_proicon4@2x.png) top center no-repeat; background-size:cover;}
}

  /* fr */
  .wrap .pro_ban .ban_img p{text-align: left;}
  .dft_pw{width: 96%;margin-left: auto;margin-right: auto;max-width: 1400px;}



  
@media screen and (max-width: 1467px) {
  .dft_pw { width: 94%; margin-left: 3%; margin-right: 3%; }
  .wrap .pro_plan .plan_lists li { max-width: 48%; width: 100%; margin-right: 3.5%; }
  .wrap .pro_plan .plan_lists li:nth-child(2n) { margin: 0 0 40px; }
  .wrap .pro_plan .plan_lists li:nth-child(5) { margin: 0 3.5% 40px 0; }
  .wrap .pro_banswiper>span { display: none; }
}

@media screen and (max-width: 1300px) {
  .wrap .pro_banswiper .swiper_groups .swiper_span { padding-left: 40px; padding-right: 40px; }
}

@media screen and (max-width: 1200px) {
.wrap .pro_tabs ul li a { padding: 2px 12px; margin: 0 6px; font-size: 18px; }
.wrap .pro_banswiper .swiper_span3 .swiper_img { max-width: auto; transform: translateX(0); }
.wrap .pro_banswiper .swiper_span2 .swiper_text { margin-right: 0; }
.wrap .pro_banswiper .swiper_span4 .swiper_text { margin-right: 0; }
.wrap .pro_banswiper .swiper_groups .swiper_span>div.swiper_img { width: 34%; }
.wrap .pro_banswiper .swiper_groups .swiper_span>div.swiper_img img { width: 100%; }
.wrap .pro_banswiper .swiper_groups .swiper_span { padding: 60px 3%; }
.wrap .pro_tabs ul li span { padding: 14px 20px; }
}


@media screen and (max-width: 980px) {
.wrap .pro_tabs.mo ul li span { display: inline-block; padding: 8px 15px; border-radius: 68px; color: #333; font-size: 18px; font-weight: 600; cursor: pointer; }
.wrap .pro_tabs.mo ul li.select span { color: #2375FF; background: rgba(35, 117, 255, 0.10); }
.wrap .pro_plan .plan_lists h3 { overflow:hidden; text-overflow:ellipsis; width: auto;justify-content: center;}
.wrap .pro_plan .plan_lists h3 img { display: block; margin-top: 10px; }
.wrap .pro_plan .plan_lists .plan_text { text-align: left;min-height: auto; }
.wrap .pro_plan .plan_lists li { vertical-align: text-top; }
.wrap .pro_tabs { display: none; }
.wrap .pro_tabs.mo { display: block; padding: 30px 15px; margin-bottom: 50px; width: auto; overflow: hidden; }
.wrap .pro_tabs.mo li { width: auto; }
.wrap .pro_banswiper .swiper_groups .swiper_span>div.swiper_img { display: none; }
.wrap .pro_banswiper .swiper_groups .swiper_span>div.swiper_text { display: block; max-width: 100%; text-align: center; }


.only_pc{ display:none;}
.only_mo{ display:block;}
.pw980{ width:94%;}
.proidx_banner,.proidx_ban{height:auto; position:relative;}
.proidx_ban{ display:none; padding:10px 0 30px;}
.proidx_ban.show{ display:block; animation:none; z-index:5; opacity: 1;}
.proidx_ban1{background-color:#ecf6f7; background:linear-gradient(to bottom,#ecf7f7,#d8eef0);}
.proidx_ban2{background-color:#e9e9fa; background:linear-gradient(to bottom,#f0f0fb,#e1e2f9);}
.proidx_banct{ transform:translateX(0); margin-top:0;}
.proidx_banct>img,.proidx_ban2 .proidx_banct>img{ max-width:164px; width:35%; height:100%; float:none; margin:20px auto;}
.proidx_bantext{ max-width:100%; text-align:center; width:100%; margin:20px auto; float:none;}
.proidx_bantext p,.proidx_ban2 .proidx_bantext p{ width:100%; max-width:100%; margin-top:15px;}
.proidx_bantit img,.proidx_ban2 .proidx_bantit img,.proidx_bantit b{ display:none;}
.proidx_bantit:after{ display:none;}
.proidx_bantit span{ position:relative;}
.proidx_banbtn a,.proidx_banbtn .morebtn{ margin:17px 5px 0;}
.prot_cnt_box{ height:auto; padding:20px 0 30px; background-color:#fcfcfc;}
.prot_cnt_img{ float:none; width:100%; background:none;}
.prot_cnt_text{ float:none; width:94%; margin:20px auto; text-align:center;}
.prot_cnt_btn{ float:none; width:100%; text-align:center;}
.prot_cnt_btn a{ margin:17px 5px 0;}
footer.mt100{ margin-top:50px;}
.proidx_cicr{ top:auto; bottom:20px;}
.proidx_cicr>a{ min-width:auto; width:10px; height:10px; background:#dddddd; border-radius:10px; margin:4px; text-align:center;}
.proidx_cicr>a.checked{background:#9cd4ff; }
.proidx_cicr>a.checked:before{ animation:none;}

}
@media screen and (max-width: 830px) {
.proidx_prot_nav a{ width:220px;}
}

@media screen and (max-width: 750px) {
.wrap .pro_tabs.mo { padding: 5px 15px; }
.wrap .pro_ban .ban_img{flex-wrap: wrap;}
.wrap .pro_ban .ban_img div{flex-direction: column;width: 48%;margin-bottom: 10px;}
.wrap .pro_ban .ban_img p{margin-left: 0;font-size: 12px;text-align: center;}
.wrap .pro_plan .plan_lists h3 img{margin-top: 10px;}
.wrap .pro_plan .plan_lists h3{justify-content: center;text-align: left;}

.wrap .ban_title { font-size: 28px; }
.wrap .pro_banswiper.mo h2 { font-size: 24px; }
.wrap .pro_banswiper p { font-size: 16px; }
.wrap .pro_plan h2 { font-size: 24px; text-align: center; }
.wrap .pro_plan h2::before { display: none; }
.wrap .pro_plan .plan_lists { text-align: center; }
.wrap .pro_plan .plan_lists .plan_btns { display: block; }
.wrap .pro_plan .plan_lists .plan_learn { display: block; text-align: center; margin-top: 15px; color: #2375FF; }
.wrap .pro_plan .plan_lists .plan_down { width: 100%; box-sizing: border-box; text-align: center; }
.wrap .pro_plan .plan_lists li { max-width: 100%; margin: 0 auto 25px; }
.wrap .pro_plan .plan_lists li:nth-child(2n) { margin: 0 auto 25px; }
.wrap .pro_plan .plan_lists li:last-child { margin-bottom: 0px; }
.wrap .pro_plan .plan_lists .plan_text { max-width: 100%; width: 100%; text-align: center;}
.wrap .pro_ban { padding: 60px 0 50px; position: relative; }
.wrap .pro_banswiper { display: none; }
.wrap .pro_banswiper.mo { display: block; width: auto; min-height: 300px; overflow: hidden; }
.wrap .pro_banswiper.mo .swiper_groups { margin-top: 30px; }
.wrap .pro_banswiper.mo .swiper_groups .swiper_span { padding: 30px 3%; position: relative; transform: translateX(0); left: 0; box-shadow: none;}
.wrap .pro_banswiper.mo .swiper_groups .swiper_span.swiper-slide-active { opacity: 1; }
.wrap .pro_banswiper.mo .swiper_text a { width: 100%; max-width: 100%; margin-right: 0; font-size: 18px; }
.wrap .pro_banswiper.mo .learn_btn { margin-top: 15px; border: none; padding: 0; color: #2375FF; }

.wrap .pro_ban .tab_circles_mo { display: block; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 4;}
.wrap .pro_ban .tab_circles_mo>span { display: inline-block; width: 16px; height: 8px; border-radius: 20px; background-color: #d1d3d9; margin-right: 10px; cursor: pointer; opacity: 1; }
.wrap .pro_ban .tab_circles_mo>span.swiper-pagination-bullet-active { background-color: #333; }
.wrap .pro_ban .tab_circles_mo>span:last-child { margin-right: 0; }
.wrap .pro_plan .plan_lists li:hover { box-shadow: none; transform: translateY(0px); }
.wrap .pro_banswiper .swiper_text a:hover { transform: translateY(0); }
.wrap .pro_plan h3 p{display: inline-block;}
.wrap .pro_plan .plan_lists h3 p img{margin-top: 0px;margin-left: 0px !important; height: 22px;display: inline-block;margin-bottom: 13px;}
}

@media screen and (max-width: 600px) {
.proidx_bantit{ font-size:22px;}
.proidx_prot_nav a{ width:170px; margin:20px 5px;}
}
@media screen and (max-width: 415px) {
.proidx_prot_nav a{ width:140px;}
}

@media screen and (max-width: 325px) {
.prot_cnt_text h4{ font-size:18px;}
.prot_cnt_text h4.pner sup{ padding:2px 5px; font-size:12px;}
.proidx_prot_nav a{ font-size:16px; width:120px;}
}
@media screen and (max-width: 320px) {
.proidx_bantit{ font-size:20px;}
}