h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{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{overflow-x:hidden;}
.clear{clear:both;}  
.wrap{width:100%;}
.wrap h2{font-size:36px; line-height:1.3; text-align:center;}
.border_right{border-right:1px solid #eee;}
/*banner*/
.banner{width:100%; height:250px; background:#5994e4 url(https://imobie-resource.com/en/support/img/spbanner.jpg) top center no-repeat; background-size:cover;}
.banner_search{max-width:524px; width:90%; margin:30px auto 0; background:#fff;}
.search_btn{display:inline-block; width:28px; height:28px; position:absolute; right:20px; top:9px; cursor:pointer;}
.search_btn:after{content:"\e917"; font-family:"iconfont"; font-size:30px; color:#656565;}
.banner_search input{width:100%; height:48px; line-height:48px; border:none; font-size:16px; text-indent:28px;}
.banner input::-webkit-input-placeholder{color:#bbb;}
.banner input:-moz-placeholder{color:#bbb;}
.banner input::-moz-placeholder{color:#bbb;}
.banner input:-ms-input-placeholde{color:#bbb;}
.search_box{width:100%; height:auto; padding:0 5px 20px; border-top:1px solid #f2eeee; left:0; top:48px; background:#fff; box-shadow:0px 2px 5px #dbdbdb; overflow:hidden; display:none; z-index:5;}
.search_box h5{color:#ccc; line-height:1.3; margin-bottom:10px; padding-left:20px;}
.search_box a{display:block; font-size:16px; color:#333; text-decoration:none; line-height:1.9; padding-left:28px; transition:0.5s;}
.search_box a:hover{color:#22a6fe; background:#f7f7f7;}

/*prd_user_guide*/
.prd_user_guide .tit_intrl{color:#6b6b6b; line-height:1.5;}
.prd_guide_item{padding-bottom:18px; float:left;}
.prd_guide_item1{width:20%;}
.prd_guide_item2{width:30%;}
.prd_guide_item3{width:18%;}
.prd_guide_item4{width:32%;}
.prd_guide_item h3{font-size:20px; font-weight:bold; margin-bottom:20px; color:#0c7bed;}
.prd_guide_item img{margin-bottom:8px; margin-top:-12px;}
.prd_guide_item a{display:block; font-size:16px; color:#222; line-height:1.7; margin-bottom:6px;}
.prd_guide_item a:hover{color:#22a6fe;}
/*.prd_guide_item a:after{content:"\e902"; font-family:"iconfont"; color:#222; display:inline-block; margin-left:10px; font-weight:300; transition:0.5s ease-out;}*/
.prd_guide_item .prd_guide_item_noicon:after{ display:none;}
.prd_guide_item a:hover:after{transform:translateX(5px); color:#22a6fe;}
/*prd_tategare*/
.prd_tab_content{min-height:322px; box-shadow:-2px -2px 10px rgba(0,0,0, 0.05); background-color:#fff;}
.prd_tab_tit{max-width:904px; width:95%; margin:0 auto;}
.prd_tab_tit span{float:left; position:relative; width:33%; height:76px; line-height:76px; color:#fff; font-size:20px; text-align:center; cursor:pointer; background:#5994e4; border-right:1px solid #5387ce; transition:0.5s ease-out;}
.prd_tab_tit span:hover{color:#fff;}
.prd_tab_tit .active{color:#999; background:#fff; box-shadow:-3px -3px 8px rgba(0,0,0, 0.06); border-right:1px solid #fff;}
.prd_tab_tit .active:after{content:''; display:block; width:100%; height:12px; position:absolute; left:0; bottom:-8px;}
.prd_tab_tit .active:hover{color:#999; background:#fff;}
.prd_tab_tit span:before{content:''; display:inline-block; width:40px; height:40px; vertical-align:middle; margin-right:20px; background:url(https://imobie-resource.com/en/support/img/ind_icon_set.png) no-repeat;}
.prd_tab_tit .tab_faq:before{background-position:0 0;}
.tab_faq.active:before{background-position:0 -48px;}
.prd_tab_tit .tab_knoledge:before{background-position:-44px 0;}
.tab_knoledge.active:before{background-position:-44px -48px;}
.tab_download.active{box-shadow:1px -3px 8px rgba(0,0,0, 0.06);}
.prd_tab_tit .tab_download:before{background-position:-86px -1px; margin-right:13px;}
.tab_download.active:before{background-position:-88px -48px;}

.prd_tab3 a:hover{color:#fff; background:#22a6fe; text-decoration:none;}
.prd_tab_tit span{overflow:hidden; z-index:2;} 
.prd_tab_tit i{position:absolute; display:block; width:100%; height:100%; background:#5387ce; left:0; top:100%; z-index:-1; transition:0.3s ease-in-out;}
.prd_tab_tit span:hover i{top:0;}
.prd_tab_tit .active:hover i{top:100%;}

.prd_tab1 img{margin-left:-30px; margin-top:30px;}
.prd_tab_item h5{font-size:16px; color:#000; line-height:1.2;}
.prd_tab_item p{font-size:20px; color:#22a6fe;}
.tab_item1{max-width:480px; width:50%;}
.tab_style a{display:block; font-size:20px; color:#22a6fe; margin-top:20px;}
.tab_style a:before{content:''; display:inline-block; width:4px; height:4px; border-radius:4px; vertical-align:middle; margin-right:5px; background:#22a6fe;}
.prd_tab2{padding-left:50px;}
.prd_tab2 a{font-size:16px; margin-top:15px;}
.prd_tab2 .right{width:268px; border-left:1px solid #eee; padding-bottom:50px;}
.prd_tab2 .right p{width:80%; margin:10px auto 0; line-height:24px; font-size:16px; color:#999;}
.prd_tab2 .right a{font-size:24px; color:#22a6fe; text-decoration:underline;}
.prd_tab3{padding:75px 0 50px;}
.prd_tab3 .left{width:23%; padding:0 1%;}
.prd_tab3 h5{font-size:24px; color:#333; line-height:1;}
.prd_tab3 p{font-size:15px; color:#666; line-height:1.3; margin-top:16px; margin-bottom:24px; min-height:76px;}
.prd_tab3 a{display:block; width:200px; height:36px; font-size:14px; color:#22a6fe; line-height:36px; margin:15px auto; border:1px solid #22a6fe; border-radius:4px; transition:0.5s;}



/*manage_codes*/
.manage_codes{background:#e6f4fc;}
.manage_codes .pw980{padding-left:120px; padding-right:120px;}
.manage_codes h2{margin-bottom:20px;}
.manage_btn_group{max-width:316px; width:48%; padding-bottom:70px;}
.manage_btn_group a{display:block; position:relative; height:60px; color:#fff; line-height:60px; background:#6dab29; transition:0.3s ease-in-out; text-decoration:none; overflow:hidden; z-index:2;}
.manage_btn_group a:after{content:''; display:block; position:absolute; width:100%; height:100%; top:100%; left:0; z-index:-1;}
.manage_btn_group a:after,.spt_adv2 a:before{transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
.manage_btn_group a:hover:after,.spt_adv2 a:hover:before{transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%);}
.manage_btn_group.left a:after{background:#3da319;}
.manage_btn_group.left a:hover:after{background:#3da319;}
.manage_btn_group p{color:#666; line-height:1.4; text-indent:13px;}
.manage_btn_group.right a{background:#268dec;}
.manage_btn_group.right a:after{background:#1980df;}
.manage_btn_group.right a:hover:after{background:#1980df;}

.contact{padding-bottom:70px; background-color:#fff;}
.contact_list{width:385px; margin-top:50px; padding-left:80px;}
.contact_list a{display:block; color:#22a6fe; font-size:22px; line-height:1.1; margin-bottom:5px;}
.contact_list p{font-size:14px;color:#666; line-height:1.4;}
.contact_list img{float:left; margin:0 20px 10px 0;}
.ind_link_img{margin-bottom:50px; margin-top:70px;}


/*spt_help_faq*/
.spt_help_faq_block {width:320px;}
.spt_contact_block > a,.spt_help_faq_block li a {color: #22a6fe;}
.spt_help_faq {margin:60px auto 70px;}
.spt_help_faq_block > h5 {font-size:24px; font-weight:300; line-height:1.6; color:#000; border-bottom:1px solid#e0e0e0; margin-bottom:15px;padding-left: 5px;}
.spt_help_faq_block li {color:#666; margin-right:10px;}
.spt_help_faq_block li a {font-size:14px; font-weight:400; line-height:30px;}
.spt_adv2 {width:300px; height:158px; margin: 10px 20px; text-align:center; background:url(https://imobie-resource.com/de/support/img/ind_join_now.png) #3d2b21 no-repeat; background-size:cover;}
.spt_adv2 p{color:#fff; font-size:18px; padding:0 10px; margin-top:20px;}
.spt_adv2 a{display:inline-block; width:150px; line-height:40px; margin:20px auto 0; border-radius:5px; color:#fff; text-decoration:none; background-color:#268dec; position:relative; overflow:hidden; z-index:2;}
.spt_adv2 a:before{content:""; display:block; width:100%; height:100%; position:absolute; top:100%; left:0px; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); background:#1980df; z-index:-1;}
.manage_codes>div{max-width:750px; margin:30px auto 0 auto;}

@media screen and (max-width:980px){
	.banner{height:auto;}
	.banner_cont{padding:60px 0;}
	.wrap h2{font-size:30px;}
	.prd_guide_item a,.tab_style a{font-size:16px;}
	.prd_tab_tit span{font-size:18px;}
	.prd_tab1 img{width:50%; padding:0;}	
	.prd_tab2 .right{display:none;}
	.prd_tab3{padding:50px 0 10px;}
	.prd_tab3 p{min-height:auto;}
	.prd_tab3 .left{float:none; display:inline-block; vertical-align:top; width:49%; padding:0; margin:0 auto 30px;}
	.contact>div{width:94%;}
	.ind_link_img img{display:block; max-width:100%; height:auto;}
	.spt_help_faq div{float:none !important; margin:20px auto;}
}
@media screen and (max-width:768px){
	.ft32{font-size:28px;}
	.manage_btn_group{float:none !important;}
	.prd_guide_cont{margin-top:20px;}
	.prd_guide_item{display:inline-block; vertical-align:top; float:none; width:45%; margin:10px auto; padding:0 0 0 4%;}
	.prd_guide_item img,.manage_btn_group{display:block; margin:0 auto 10px auto;}
	.prd_tategare {margin-top:40px;}
	.prd_tab2{padding-bottom:40px;}
	.tab_item1 h5{margin-top:20px;}
	/*.prd_tab_tit span{font-size:14px;}*/
	.prd_tab_tit span:before{display:none;}
	.manage_codes .pw980{padding:0;}
	.manage_btn_group{width:70%; padding-bottom:20px;}
	.contact_list{margin:30px auto;}	
	.prd_tab_content{min-height:auto;}
}
@media screen and (max-width:568px){
	.wrap h2{font-size:26px;}
	.prd_tab_tit span{font-size:14px; width:calc(33% - 10px); padding:20px 5px; line-height:1.4; height:auto;}
	.tab_item1{padding-bottom:30px;}
	.tab_style a{font-size:14px;}
	.prd_tab1 img{display:none;}
	.prd_tab2{padding-left:5%;}
	.tab_style{width:95%;}
	.prd_tab3{padding:30px 0;}
	.prd_tab3 .left{width:90%;}
	.prd_tab3 .left,.contact_list{float:none !important;}
	.contact{padding:0;}
	.contact_list{margin:20px auto 30px; padding-left:0; width:98%;}	
	.contact_list img{margin:0 10px 20px 0;}
	.contact_list a{font-size:18px;}
	.prd_user_guide .tit_intrl{font-size:16px;}
	.prd_guide_item{padding:0; width:49%;}
	.prd_guide_item h3{font-size:18px;}
	.manage_btn_group{width:auto;}
	.spt_help_faq{margin:10px auto 30px;}
}
@media screen and (max-width:530px){
	.prd_tab_tit span{min-height:38px;}
}
@media screen and (max-width:320px){
	.prd_guide_item a{font-size:14px;}
}