@charset "utf-8";
/* CSS Document */
body{ background:#fff;}
p,h1,h2,h3,h4,h5,h6,a,span{ font-family:'Open Sans'; }
h1{ font-size:46px; line-height:56px; margin-bottom:20px; font-weight:bold;}
h2{ font-size:44px; line-height:56px; font-weight:bold; margin-bottom:40px; text-align:center;}
p{ font-size:16px; line-height:30px; margin:10px 0;}
ul li{ float:left; font-size:16px;}
a{ font-size:16px;}
.content1,.content2,.content3 { padding:100px 0 80px 0;}
.content_img{ max-width:80%; display:block; margin:0 auto;}
.ml40{ margin-left:40px;}
.mb40{ margin-bottom:40px;}
.mt40{ margin-top:40px;}
.disc_ul li{ list-style:disc;}
.active{ display:block!important;}
.support_guide_more h2{ text-align:left;}
/*banner*/
.content_banner{ max-width:100%; background:#bec2c4 url(https://imobie-resource.com/fr/support/img/android_vs_ios_banner_bg.jpg) no-repeat center; background-size:cover; text-align:center; padding-top:70px;}
.banner_cont{ max-width:950px; margin:0 auto; background:#ffffff url(https://imobie-resource.com/fr/support/img/android_vs_ios_banner_bg2.jpg) no-repeat center; box-shadow:2px 1px 3px 2px #f2f2f2; margin-top:60px; margin-bottom:-60px;}
.banner_cont img{ max-width:20%;}
.banner_cont span{ display:block;}
.content_banner_android,.content_banner_ios{ width:40%; text-align:center; padding:30px 40px 90px 40px; background-size:cover;}
.content_banner_ios:before{ width:20px; height:400px; background:#f00;}
/*content1*/
.content1_cont{ max-width:870px; border:6px solid #03b079; padding:0 40px; margin: 80px auto 0 auto}
.content1_cont_ul{ margin-top:-25px; margin-left:20px;}
.content1_cont_ul li{ max-width:216px; height:50px; background:url(https://imobie-resource.com/fr/support/img/android_vs_ios_content1_bg1.png) no-repeat; background-size:cover; margin:0 18px;  line-height:26px; padding:15px; text-align:center;}
.content1_cont_ul li span{ opacity:0.9;  cursor:pointer;}
.content1_cont_ul li span:hover{ color:#03b079;}
.content1_cont_ul .active{ background:url(https://imobie-resource.com/fr/support/img/android_vs_ios_content1_bg2.png) no-repeat; color:#fff;}
.content1_cont_ul .active span{ opacity:1; color:#fff!important;}
/*content切换模块*/
.content1_cont_div{ text-align:center; margin-top:30px; display:none;}
.content1_cont_div p{ text-align:left;}
.content1_cont_div1_btomul{ margin-left:20px; margin-bottom:30px;}
.content1_cont_div1_btomul li{ margin-right:7%; max-height:50px;}
.content1_cont_div1_btomul li a,.content1_cont_div1_btomul li{ color:#0088cc; font-size:16px;}
/*content2*/
.content2{ max-width:100%; height:auto;background:#bec2c4 url(https://imobie-resource.com/fr/support/img/android_vs_ios_content2_bg.png) no-repeat center; background-size:cover; text-align:center;}
.content2 p,.content3 p{ max-width:850px; margin:0 auto; text-align:left;}
/*小球模块*/
.android_vs_ios_ul{ text-align:center; padding-top:40px;}
.android_vs_ios_ul li{ display:inline-block; float:none; width:230px;}
.android_vs_ios_ul li img{ max-width:70px; margin-top:30px;}
.android_vs_ios_ul li a{ background-color: rgba(255, 255, 255, 0.5); border-radius:50%; display:inline-block; transition:all 0.3s linear; box-shadow:0px 0px 4px 0px rgba(204,204,204,0.5); font-size:12px; width:200px; height:200px; text-align:center;}
.android_vs_ios_ul li span{ max-width:170px; margin:10px auto;}
.ul_color li a{ border-color:#8cdfc2 ;}
.android_vs_ios_ul li a:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); transition:all 0.3s linear; text-decoration:none;  background-color: rgba(255, 255, 255, 0.8);}
@media screen and (max-width: 980px){
	.pw980{ max-width:90%;}
	.banner_cont img{ max-width:20%;}
	.content_banner_android,.content_banner_ios{ padding:30px;}
	.content1_cont{ max-width:90%; margin:0 auto; padding:0 20px}
	.content1_cont_ul{ max-width:100%; margin:0; text-align:center;}
	.content1_cont_ul li{ margin:5px; max-width:100%; height:auto; background:#eefffa; border-top-left-radius:5px; border-top-right-radius:5px; box-shadow:0px 0px 4px 0px rgba(3,176,121,0.5); float:none}
	.content1_cont_ul .active{ background:#03b079; color:#fff; box-shadow:0px 0px 4px 0px rgba(238,255,250,0.5);}
	.android_vs_ios_ul li{ margin-top:20px;}
	}	
@media screen and (max-width: 736px){
	h2{ line-height:50px; font-size:40px;}
	.content_banner_android,.content_banner_ios{  padding:18px;}
	.banner_cont{ background:none; box-shadow:none; max-width:90%; height:auto;}
	.content1_cont_div img{ display:none;}
	/*banner中Android和ios样式*/
	.content_banner_android,.content_banner_ios{ width:90%; margin:0 auto; text-align:center; float:none;  box-shadow:2px 1px 3px 2px #f2f2f2;}
	.content_banner_android{ background:#fff;}
	.content_banner_ios{ background:#000;}
	/*小球样式*/
	.android_vs_ios_ul li img{ max-width:33%; margin-top:20px; }
	.android_vs_ios_ul li{ width:180px; vertical-align:text-top;}
	.android_vs_ios_ul li a{ width:170px; height:170px;}
	.android_vs_ios_ul li span{ width:112px;}
	.support_guide_more h2{ font-size:18px;}
}
@media screen and (max-width: 375px){
	.android_vs_ios_ul li{ width:140px;}
	.support_guide_more h2{ font-size:15px;}
	.android_vs_ios_ul li{ width:160px;}
	.android_vs_ios_ul li img{ margin-top:10px;}
	.android_vs_ios_ul li a{ width:130px; height:130px;}
	.android_vs_ios_ul li span{ width:120px; margin:0 auto;}
	}