/* CSS Document */
@font-face {font-family: 'FontAwesome';src: url('../fonts/fontawesome-webfont.eot');src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;}

/*global class*/
*{text-wrap:normal;word-wrap:break-word;}
html, body{margin:0;padding:0;height:auto;font-family:arial,sans-serif,黑体;;font-size:16px;}
div{position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;}
p{line-height:2;font-size:1rem;}
h3{font-size:1.5rem;line-height:1.5;}
img{border:none;}
/*public class*/
.backwhite{background-color:rgba(256,256,256,1);}
.backwhiteTransparent{background-color:rgba(255,255,255,0.30);}
/* .shedow{-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 60px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);} */
.actived{color:#FFF;background: rgba(255,255,255, 0.3)}
.clear{clear:both;width:100%;}
/* .radius{border-radius:5px;} */
.fontWhite{color:#FFF;}
.icon{width:1rem; height:1rem; fill: currentColor; vertical-align:text-top;overflow: hidden;}
.nodisplay{display:none;}
/*nav class*/
header{width:100%;position:fixed;top:0;z-index:999;padding-bottom:1em;}
nav{width:100%;}
nav div.logo{float:left;overflow:hidden;}
nav .logo img{margin-left:0;}
#navMenuDoor{display:none;}
#navMenu{display:none;}

/*banner*/
div.banner{width:100%;height:auto;overflow:hidden;margin:0;padding:0;}
/* div.banner img{width:100%;height:auto;} */
div.banner video{width:100%;height:auto;border:none;margin:0;padding:0;z-index:-1;}
div.banner div.play{width:100%;height:auto;text-align:center;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:auto;color:#FFF;}
div.banner div.play div.bannerText{font-size:3.5rem;max-width:900px;margin:auto;height:auto;font-weight:700;line-height:1.2;}
div.banner div.play div.bannerButton{max-width:480px;margin:auto;margin:1rem auto;min-width:20rem;height:auto;}
div.banner div.play div.bannerButton p{clear:both;width:100%;margin:2rem 0;font-size:2rem;/*color:#F8D54C;*/}
div.banner div.play div.bannerButton span{display:block;float:left;border:none; border-radius:2rem;background-color:#f8d54c;padding:1rem 3rem;}
div.banner div.play div.bannerButton span:hover{border:1px solid #F8D54C;font-weight:700;}

div.banner div.play div.bannerButton span a{display:inline;color:#FFF; text-decoration:none;}
div.banner div.play div.bannerButton span:last-of-type{float:right; cursor:hand;}

div#fullVideo video{width:80%; margin:2rem 10%;text-align:center;}
div.banner div.play div.bannerButton span a{display:inline;color:#FFF; text-decoration:none;}


/*FullVideo*/
div#fullVideo{width:100%;height:100%;display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999;margin:0;padding:0;font-color:#FFF;background-color:#000;}
div#fullVideo #closeVideo{color:#F8D54C;font-size:2rem;float:right;position:relative;margin:0 10%;margin-bottom:-3rem;}
div#fullVideo video{width:80%; margin:2rem 10%;text-align:center;}

/*press*/
#indexPress{width:100%;background-color:#f8d54c;margin:0;padding:4rem 0;}
/*#pressLogo{width:40%;height:auto;list-style:none;margin:auto;padding:0;}
#pressLogo li{float:left;margin:2rem 0rem;overflow:hidden;width:28%;text-align:center;}
#pressLogo li:first-of-type{content:url(../images/New-Atlas.svg);}
#pressLogo li:nth-of-type(2){content:url(../images/Trend-Hunter-FBIF.gif);width:30%;margin-top:1rem;}
#pressLogo li:nth-of-type(3){content:url(../images/GeekDad-Logo-Baseline-Template-03072016-01.png);}
#pressLogo li:nth-of-type(4){content:url(../images/dj-logo-2x.png);width:40%;}
#pressLogo li:last-of-type{content:url(../images/fastcompany-logo.svg);}*/
#pressReview{width:40%;max-width:600px;margin:auto;height:auto;padding:0;clear:both;text-align:center;color:#FFF;line-height:2;font-size:1rem;overflow:hidden;}
#pressReviewList{width:3000px;list-style:none;position:relative;margin:0;padding:0;}
#pressReview li{float:left;width:20%;}
#pressReview li blockquote::before{content:'"';font-size:2rem;display:block;position:relative;top:1rem;text-align:left;}
#pressReview li blockquote::after{content:'"';font-size:2rem;display:block;position:relative;top:1rem;text-align:right;}
#pressReview li div{text-align:right;font-weight:700;display:none;}
#pressReview li div::before{content:"----";}
.shadow {-webkit-filter: drop-shadow(2px 2px 5px rgba(203,149,7,1)); /* Chrome, Safari, Opera */filter: drop-shadow(2px 2px 5px rgba(203,149,7,1));}

/*********展示活动作出的修改*****************/
#pressLogo{width:60%;height:auto;list-style:none;margin:auto;padding:0;}
#pressLogo li{float:left;margin:2rem 0rem;overflow:hidden;width:12%;text-align:center;margin-left: 48px !important;margin-right: 0px !important;}
#pressLogo li:first-of-type{content:url(../images/New-Atlas.svg);}
#pressLogo li:nth-of-type(2){content:url(../images/Trend-Hunter-FBIF.gif);width:13%;margin-top:1rem;}
#pressLogo li:nth-of-type(3){content:url(../images/GeekDad-Logo-Baseline-Template-03072016-01.png);}
#pressLogo li:nth-of-type(4){content:url(../images/dj-logo-2x.png);width:19%;}
#pressLogo li:last-of-type{content:url(../images/fastcompany-logo.svg);}
.active-icon{
	text-align: center;
}
.active-icon img{
	width: 142px;
	margin: 10px 30px;
}
@media only screen and (max-width: 1668px) {
	#pressLogo li{margin-right: 0px;}
}


/*Modle*/
.modle{height:auto;width:100%;margin:0;background:url(../images/back02.gif) repeat;}
.modleContent{height:auto;margin:auto;color:#fff;}

/*ide*/
.ide{width:100%;overflow:hidden;background:url(../images/ide-big-back-1920.jpg) center no-repeat;background-size:100%;}
.ideContent{height:auto;width:34%;color:#3e3a3a;margin:10rem auto;}
.ideContent h3{color:#f8d54c;font-size:1.5rem;}
.ideContent p{color:#2e2725;}

/*assembled*/
.assembled{width:100%;overflow:hidden;color:#fff;height:auto;background:url(../images/compatible-back-360.jpg) center no-repeat;}
.assembledContent{margin:auto;}
.assembledContent h3{font-size:24px;width:100%;}
.assembledRightContent{width:100%;padding:0 1em;float:right;margin-top:100px;}
.assembledRightContent ul{list-style:none;margin:0;padding:0;}
.assembledRightContent ul li{float:left;background-color:#fff;border-radius:0.75em;padding:0 0.5em;line-height:1.5;color:#f7d838;margin-right:1em;}
.assembledRightContent::after{clear:both;}
.assembledLeftContent{width:100%;margin:auto;margin-top:50px;padding:0 1em;float:left;}

/*steam*/
.steam{width:100%;height:auto;background-color:#FFF;}
.steamContent{margin:auto;text-align:center;}
.steamContent h3{color:#f8d54c;}
.steamContent p{color:#2e2725;width:50%;margin:auto;}
.steamContent ul{width:100%;list-style:none;margin:0;padding:5% 0;}
.steamContent ul li{width:auto;float:left;}
.steamContent ul li span{display:none;}
.steamContent ul li::before{display:block;}

/*bottom*/
bottom{width:100%;padding-top:3em;background-color:#424242;display:block;}
.bottomContent{text-align:center;margin:auto;}
.bottomContent h3{color:#a1a0a0;}
.bottomContent p{color:#dfdfdf;}
.bottomContent ul{list-style:none;width:10%;min-width:104px;margin:2.4em auto;height:60px;padding:0;}
.bottomContent ul li{margin:0;padding:0;}
.bottomContent ul li:first-of-type{float:left;}
.bottomContent ul li:last-of-type{float:right;}
.webBottom{width:100%;background-color:#282828;color:#bcbcbc;}
.bottomContent .map{display:inline;}
.bottomContent .copy{display:inline;}
.bottomContent a{color:#bcbcbc;}

/*FeedBack*/
	/*Feedbck Start*/
	.main{width:100%;background-color:#fff;}
	.main .mainContent{color:#2e2725;font-size:1rem;}
	.main .mainContent h3{background-color:#f7d838;font-size:1.2rem;color:#FFF;padding:0.1rem 0.5rem;border-radius:1.2rem;text-align:center;margin:0;}
	.main .mainContent ol{margin:0;padding:0;}
	.main .mainContent ol li{background-color:#FFF;border-radius:10px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);list-style-position:inside;color:#f7d838;clear:both;font-weight:bold;}
	.main .mainContent dl.faqList{list-style:none;padding:0;margin:0;color:#2e2725;position:relative;font-weight:normal; box-sizing:border-box;}
	.main .mainContent dl.faqList dt.faqQuestion{padding:0;}
	.main .mainContent dl.faqList dd.faqAnswer{padding:0;}
	.main .mainContent .faqList .faqQuestion::before{content:"Q: ";display:block;position:relative;}
	.main .mainContent .faqList .faqAnswer::before{content:"A: ";display:block;position:relative;}
	.main .mainContent div.feedback {height:auto;margin:auto;background-color:#f7d838;box-shadow:0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);border-radius:10px;}
	.main .mainContent div.feedback h3{background-color:#aaabab;color:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);position:relative;margin:auto;}
	.main .mainContent div.feedback div{color:#fff;font-size:1rem;line-height:2;}
	.main .mainContent div.feedback form{height:auto;}
	.main .mainContent div.feedback form input, .main .mainContent div.feedback form textarea{border-radius:5px;border:none;box-shadow:0 1px 4px rgba(0, 0, 0, 0.10) inset, 0 0 40px rgba(0, 0, 0, 0.06) inset;outline:none;font-size:1.2rem;color:#949494;}
	.main .mainContent div.feedback form input{height:3rem;line-height:3rem;margin:0 0 10px;}
	.main .mainContent div.feedback form textarea{resize:none;height:10rem;}
	.main .mainContent div.feedback form button{margin:1rem auto;background-color:#f7b138;color:#FFF;font-size:1.2rem;box-shadow:0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);border-radius:1.2rem;border:none;}
	/*Feedbck End*/


	/*Download*/
	/*Download Start*/
	.main ul.appList{list-style:none;padding:0;margin:0;}
	.main ul.appList li{margin:0;padding:5rem 0;}
	.main ul.appList h3{color:#f7d838;font-size:2rem;background:none;width:auto;border:none;border-radius:0;}
	.main ul.appList dt.iosAPP a{display:block;width:154px;height:47px;background:url(../images/app-icon.png) 0 -5px no-repeat;}
	.main ul.appList dt.androidAPP a{display:block;width:154px;height:47px;background:url(../images/app-icon.png) 0 -125px no-repeat;}
	.main ul.appList dt.pcSoft a{display:inline-block;width:154px;height:47px;}
	.main ul.appList dt.pcSoft a:first-of-type{background:url(../images/02.png) 2px 2px no-repeat; float: left;}
	.main ul.appList dt.pcSoft a:last-of-type{background:url(../images/03.png) 2px 2px no-repeat;float: left;}
	.main ul.appList .appListImg{width:62%;float:left;margin:4rem 0;}
	.main ul.appList .appListImg img{width:120%;margin-left:-35%;}
	.main ul.appList .appDecription{width:38%;float:right;margin:4rem 0;margin-left:-5rem;}
	.main ul.applist div.mainContent{height:auto;}
	.main ul.applist div.mainContent dl dd{margin:0;padding:0;line-height:2;}
	.main ul.appList li.mabotIdeApp{background-color:#f4f4f4;}
	.main ul.appList li.mabotIdeApp div.mainContent{margin:5rem auto;}
	.main ul.appList li.mabotIdeApp .appListImg img{border:none;width:111%;margin-bottom:-9rem;margin-left:-30%;}
	.main ul.appList li.mabotPcSoft div.mainContent{margin:5rem auto;}
	.main ul.appList li.mabotPcSoft .appListImg img{width:115%;margin-left:-30%;margin-top:-4rem;margin-bottom:-9rem;}
	.main ul.appList li.mabotStarApp{background-color:#f3f7fb;}
	.mabotapp{text-align: center;}
	/*Download End*/


/*Modules List*/

	.main .mainContent ul.moduleList{list-style:none;padding:0;margin:0;}
	.main .mainContent ul.moduleList li{float:left;width:288px;height:316px;overflow:hidden;margin:8px;}
	.main .mainContent ul.moduleList li a{text-decoration:none;}
	.main .mainContent ul.moduleList li a img{width:288px;height:315px;overflow:hidden;}
	.main .mainContent ul.moduleList li a span{display:block;width:100%;height:4em;position:relative;top:-4em;padding:0.5em 1em;font-size:17px;color:#747474;font-family:"Arial Rounded MT Bold";border:none;word-wrap:break-word;}

/*Module Page*/
	.main .mainContent #accImg{margin:0;padding:0;overflow:hidden;}
	.main .mainContent h1{color:#060606;}
	.main .mainContent #accDescription{color:#a5a5a5;}
	.main .mainContent #acc_content{clear:both;width:90%;background:#fff;margin:auto;}
	.main .mainContent #acc_content dl *{line-height:1.5;text-indent:1rem;}
	.main .mainContent #acc_content dl dt{background-color:#fff6ed;color:#1b0f00;}
	.main .mainContent #acc_content dl dd, .main .mainContent #acc_content p{color:#a5a5a5;}
	.main .mainContent #acc_content img{width:100%;}

/*适配PC*/
/*适配中屏幕1200px以上*/
@media screen and (min-width:1200px){
/*******twonav*******/
.proNav{position: relative;}
nav ul li .proTwoNav{display: none;position: absolute;width: 108%; top: 90px; left:15px;background: rgba(255,255,255,0.3);text-align: center;}
nav ul li .proTwoNav a{padding:0;width: 100%;}
nav ul li .proTwoNav a:hover{background: none}
nav ul li .proTwoNav li:first-of-type{margin-left: 0}
nav ul li .proTwoNav li{margin: 0; padding: 0;height: 60px;line-height: 60px;}
.proTwoNav li{width: 100%;}



	nav{max-width:1200px;}
	nav .logo{width:149px;height:49px;}
	nav .logo img{width:149px;height:49px; position: relative;}
	nav ul{line-height:86px;}
	/* margin:0 1.5em; */
	nav ul li{padding: 0 15px;margin: 0 8px;float:left;font-size:22px;text-align:center;height:86px;width:auto;}
	nav ul li div:hover{color:#ffa200;}
	nav ul li.shop{width:30px;overflow:hidden;}
	nav ul li.shop a:hover{background: none;}
	nav ul li.shop img{width:25px;height:25px;position:relative;vertical-align:text-bottom;margin-top:2rem;}
	nav ul{list-style:none;margin:0;padding:0;float:right;width: 90%;}
	nav ul li:first-of-type{margin-left:2.5rem;}
	nav menu>ul>li:nth-of-type(6){margin-left: -3rem;}
	nav ul li{color:#ffffff;padding: 0 15px;}
	nav ul li a{color:#ffffff;text-decoration:none;padding: 0 15px; display: inline-block;width: 110%;}
	nav ul li#downMenu div ul#downMenuChild li a{padding: 0;width: 115%;}
	nav ul li a:hover{color:#f8d54c;background-color: rgba(255,255,255,0.3);}
	nav ul li a.fontWhite:hover{color:#f8d54c;background-color: rgba(255,255,255,0.3);}
	nav ul li#downMenu{width: 18%}
	nav ul li#downMenu >div{margin-right: 1rem}
	nav ul li#downMenu div span{border-bottom: 100px solid rgba(255,255,255,0)}
	nav ul li#downMenu div ul#downMenuChild{width: 100%;display:none;float:none;position:absolute;;top:132px;left:auto;z-index:9999;list-style:none;margin:auto;background:rgba(255,255,255,0.3);}
	nav ul li#downMenu div ul#downMenuChild li{background:none;float:none;width:50%;}
	nav ul li#downMenu div ul#downMenuChild li a:hover{background:none;}
	#downMenuChild li{height:2em;line-height:2em;margin:0 1em;font-size:22px;}
	#downMenuChild li:first-of-type{padding-top:0.5em;margin-top:0.7em;}
	#downMenuChild li:last-of-type{padding-bottom:0.5em;}

	#chooseLanguage{float:none;width:29px;height:auto;position:relative;top:auto;left:auto;z-index:9999;list-style:none;margin:auto;margin-top:1.9rem;background:none;padding:2px;}
	#chooseLanguage li{float:none;width:25px;height:25px;overflow:hidden;padding:0;margin:2px auto;}
	#chooseLanguage li:first-of-type{background:url(../images/language.png) 75px 0px;background-size:400%;margin-bottom:0.6rem;}
	#chooseLanguage li:last-of-type a{width:180%;height:100%;background:url(../images/language.png) 25px 0;display:block;background-size:135%;}
	#chooseLanguage li:last-of-type a:hover{ background-position:25px 25px;}
	/***后加一行*/
	#chooseLanguage li:nth-of-type(2) a{width:180%;height:100%;background:url(../images/language.png) 0 0;display:block;background-size:135%;}
	#chooseLanguage li:nth-of-type(2) a:hover{ background-position:0 25px !important;}
	#chooseLanguage li:nth-of-type(3) a{width:180%;height:100%;background:url(../images/language.png) 50px 0;display:block;background-size:135%;}
	#chooseLanguage li:nth-of-type(3) a:hover{ background-position:50px 25px !important;}

	.character{width:100%;background:url(../images/back01.gif) repeat;height:auto;}
	.character h3{text-align:center;color:#f8d54c;font-size:1.5rem;margin-top:-1em;}
	.character ul.characterContent{max-width:1200px;margin:auto;list-style:none;padding:0;}
	.character ul.characterContent li{width:265px;height:auto;padding:0;float:left;margin:180px 22px 145px 22px;background-color:#FFF;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 60px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);border-radius:5px;}

	.character ul.characterContent li p{font-size:1rem;color:#3e3a3a;margin:2em;text-align:center;}
	.character ul.characterContent li:first-of-type{margin-left:0;}
	.character ul.characterContent li:last-of-type{margin-right:0;float:right;}
	.character ul.characterContent li img{margin:auto;text-align:center;}
	.character ul.characterContent li::before{display:block;position:relative;top:-62px;text-align:center;}
	.character ul.characterContent li:first-of-type::before{content:url(../images/icon01.png);}
	.character ul.characterContent li:nth-of-type(2)::before{content:url(../images/icon02.png);}
	.character ul.characterContent li:nth-of-type(3)::before{content:url(../images/icon03.png);}
	.character ul.characterContent li:last-of-type::before{content:url(../images/icon04.png);}

	.modle{height:825px;width:100%;margin:0;background:url(../images/back02.gif) repeat;padding:180px 0;}

	.modleContent{height:auto;max-width:1200px;margin:auto;color:#fff;}
	.modlePhone{float:right;margin-top:-7rem;}
	.modleContent h3{margin-top:10rem;}

	.ide{height:827px;width:100%;overflow:hidden;background:url(../images/ide-big-back-1920.jpg) center no-repeat;}
	.ideContent{height:auto;width:40%;max-width:500px;color:#3e3a3a;margin:300px auto;}
	.ideContent h3{color:#f8d54c;}
	.ideContent p{color:#2e2725;}

	.assembled{width:100%;overflow:hidden;color:#fff;height:1654px;background:url(../images/compatible-back-1920.jpg) center no-repeat;}
	.assembledContent{max-width:1200px;margin:auto;}
	.assembledRightContent{width:38%;float:right;padding:0 3%;margin-top:240px;text-align:justify;text-justify:inter-word;}
	.assembledLeftContent{width:40%;float:left;margin-top:1070px;margin-left:10rem;text-align:justify;text-justify:inter-word;}

	.steam{width:100%;height:auto;background-color:#FFF;padding-bottom:6em;}
	.steamContent{max-width:1200px;margin:auto;text-align:center;}
	.steamContent h3{color:#f8d54c;margin:3em 0 0.5em 0;}
	.steamContent p{color:#2e2725;width:40%;margin:auto;}
	.steamContent ul{width:100%;list-style:none;margin:0;padding:5% 0;}
	.steamContent ul li{width:auto;min-width:174px;float:left;}
	.steamContent ul li span{display:none;}
	.steamContent ul li:first-of-type::before{content:url(../images/icon05.png);}
	.steamContent ul li:nth-of-type(2)::before{content:url(../images/icon06.png);}
	.steamContent ul li:nth-of-type(3)::before{content:url(../images/icon07.png);}
	.steamContent ul li:nth-of-type(4)::before{content:url(../images/icon08.png);}
	.steamContent ul li:last-of-type{float:right;}
	.steamContent ul li:last-of-type::before{content:url(../images/icon09.png);}

	bottom{width:100%;padding-top:3em;background-color:#424242;display:block;box-sizing:border-box;}
	.bottomContent{text-align:center;max-width:1200px;margin:auto;}
	.bottomContent a{color:#bcbcbc;}
	.bottomContent h3{font-size:34px;color:#a1a0a0;margin-bottom: 10px;}
	.footMsg{color: #dfdfdf;font-size: 18px;margin-bottom: 40px}
	.bottomContent p{color:#dfdfdf;font-size:14px;}
	.bottomContent ul{list-style:none;width:10%;min-width:104px;margin:2.4em auto;height:60px;padding:0;}
	.bottomContent ul li{margin:0;padding:0;}
	.bottomContent ul li:first-of-type{float:left;}
	.bottomContent ul li:last-of-type{float:right;}
	.bottomContent .map{text-align:left;float:left;width:20%;}
	.bottomContent .copy{text-align:right;float:right;padding:0;margin:0;width:70%;}
	.webBottom{width:100%;background-color:#282828;height:52px;line-height:52px;font-size:14px;color:#bcbcbc;}

	/*Feedbck Start*/
	.mainContent{margin:auto;max-width:1200px;}
	.main .mainContent dl.faqList dt.faqQuestion{padding:0;margin:0 3rem;}
	.main .mainContent dl.faqList dd.faqAnswer{padding:0;margin:0 3rem;}
	.main .mainContent .faqList .faqQuestion::before{content:"Q:";display:block;position:relative;top:1em;left:-3rem;}
	.main .mainContent .faqList .faqAnswer::before{content:"A:";display:block;display:block;position:relative;top:2em;left:-3rem;}
	.main .mainContent h3{background-color:#f7d838;font-size:30px;border:1 solid #f7d838;color:#FFF;width:150px;border-radius:30px;text-align:center;margin:-10px 0 30px 0;}
	dd{line-height:2;}
	.main{width:100%;min-width:1200px;background-color:#fff;padding-top:50px;margin-top:-50px;padding-bottom:50px;}
	.mainContent{color:#2e2725;font-size:16px;width:100%;max-width:1200px;margin:auto;text-align:justify;text-justify:inter-word;}
	ol{margin:0;padding:0;}
	.main .mainContent ol li{background-color:#FFF;border-radius:10px;margin:15px 0;padding:2em;box-shadow:0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);list-style-position:inside;color:#f7d838;clear:both;}
	.main .mainContent dl.faqList{list-style:none;padding:0;margin:0;color:#2e2725;position:relative;top:-2.2em;left:2em;width:98%;margin-bottom:-2.2em;}
	.main .mainContent dl.faqList dt{padding:0;margin:0;margin-bottom:36px;}
	.main .mainContent div.feedback {max-width:1200px;height:auto;margin:auto;margin-top:94px;background-color:#f7d838;box-shadow:0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);border-radius:5px;}
	.main .mainContent div.feedback h3{background-color:#aaabab;height:42px;width:192px;line-height:42px;color:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);border-radius:21px;position:relative;top:-21px;margin:auto;}

	.main .mainContent div.feedback div{color:#fff;font-size:22px;/* width:514px; */margin-top:26px;margin-left:58px;line-height:2;text-align: center;}

	.main .mainContent div.feedback form{height:auto;margin:0 58px;padding:50px 0;}
	.main .mainContent div.feedback form *{font-weight:normal;}
	.main .mainContent div.feedback form input, .main .mainContent div.feedback form textarea{border-radius:5px;border:none;box-shadow:0 1px 4px rgba(0, 0, 0, 0.10) inset, 0 0 40px rgba(0, 0, 0, 0.06) inset;outline:none;font-size:18px;display:block;}
	.main .mainContent div.feedback form input, .main .mainContent div.feedback form textarea{color:#949494;width:500px;padding:1em;}
	.main .mainContent div.feedback form input{height:50px;line-height:50px;padding:0 1em;}
	.main .mainContent div.feedback form textarea{resize:none;height: 230px;float:right;margin-top:-300px;    font-family: "微软雅黑";}
	.main .mainContent div.feedback form button{background-color:#f7b138;color:#FFF;width:90px;height:32px;line-height:32px;float:right;margin-top: -40px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);border-radius:15px;border:none;font-size:18px;display:block;/* margin: 0 auto; */}
	/*Feedbck End*/
	/*pressPage*/
	ol#pressList{list-style:none;clear:both;}
	ol#pressList li{width:32%;float:left;padding:0;background-color:#f7d838;clear:none;}
	ol#pressList li a{padding:0;margin:0; text-decoration:none;}
	ol#pressList li div.pressImage{height:25%;}
	ol#pressList li img{border:none;margin:0;padding:0;width:100%;height:100%; border-radius:5px;}
	ol#pressList li div.pressTitle, ol#pressList li div.pressDescription{width:90%;margin:0.5rem auto;line-height:1.5;overflow:hidden;}
	ol#pressList li div.pressTitle{color:#FFF;white-space:nowrap;}
	ol#pressList li div.pressDescription{font-size:0.8rem;color:#5c5c5c;height:2.4rem;overflow:hidden;}

	/*Download*/
	/*Download Start*/
	.main ul.appList{list-style:none;padding:0;margin:0;}
	.main ul.appList li{margin:0;padding:5rem 0;}
	.main ul.appList h3{color:#f7d838;font-size:2rem;background:none;width:auto;border:none;border-radius:0;}
	.main ul.appList dt.iosAPP a{display:block;width:154px;height:47px;background:url(../images/app-icon.png) 0 -5px no-repeat;}
	.main ul.appList dt.androidAPP a{display:block;width:154px;height:47px;background:url(../images/app-icon.png) 0 -125px no-repeat;}
	.main ul.appList dt.pcSoft a{display:block;width:154px;height:47px;background:url(../images/pc-icon.png) 2px -10px no-repeat;}
	.main ul.appList .appListImg{width:62%;float:left;margin:4rem 0;}
	.main ul.appList .appListImg img{width:120%;margin-left:-35%;}
	.main ul.appList .appDecription{width:40%;float:right;margin:4rem 0;margin-left:-5rem;}
	.main ul.applist div.mainContent{height:auto;}
	.main ul.applist div.mainContent dl dd{margin:0;padding:0;line-height:2;}
	.main ul.appList li.mabotIdeApp{background-color:#f4f4f4;}
	.main ul.appList li.mabotIdeApp div.mainContent{margin:5rem auto;}
	.main ul.appList li.mabotIdeApp .appListImg img{border:none;width:111%;margin-bottom:-9rem;margin-left:-30%;}
	.main ul.appList li.mabotPcSoft div.mainContent{margin:5rem auto;}
	.main ul.appList li.mabotPcSoft .appListImg img{width:115%;margin-left:-30%;margin-top:-4rem;margin-bottom:-9rem;}
	.main ul.appList li.mabotStarApp{background-color:#f3f7fb;}
	.mabotapp{text-align: center;}
	/*Download End*/
	/*Modules List*/

	.main .mainContent ul.moduleList{list-style:none;padding:0;margin:0;}
	.main .mainContent ul.moduleList li{float:left;width:288px;height:316px;overflow:hidden;margin:8px;}
	.main .mainContent ul.moduleList li a{text-decoration:none;}
	.main .mainContent ul.moduleList li a img{width:288px;height:315px;overflow:hidden;}
	.main .mainContent ul.moduleList li a span{display:block;width:100%;height:4em;position:relative;top:-4em;padding:0.5em 1em;font-size:17px;color:#747474;font-family:"Arial Rounded MT Bold";border:none;word-wrap:break-word;}
/*Module Page*/
	.main .mainContent #accImg{width:528px;height:528px;float:left;}
	.main .mainContent h1{font-size:28px;margin-top:5em;margin-right:5em;width:40%;float:right;}
	.main .mainContent #accDescription{width:40%;float:right;margin-right:8.750em;line-height:2;font-size:16px;}
	.main .mainContent #acc_content dl dt{font-size:18px;margin:1em 0;height:3em;line-height:3em;}
	.main .mainContent #acc_content dl dd, .main .mainContent #acc_content p{font-size:16px;margin:5px 0;}
}

/*适配中屏幕1119px——768px*/
@media screen and (min-width:786px) and (max-width:1199px){
	.backwhiteTransparent{background-color:rgba(0,0,0,0.80);}
	nav .logo{width:149px;height:49px;margin-left:1rem;}
	nav .logo img{width:149px;height:49px;}
	nav ul{list-style:none;margin:0;padding:0;float:right;line-height:60px;}
	nav ul li{margin:0 1rem;float:left;font-size:22px;text-align:center;height:60px;color:#3e3a3a;}
	nav ul li div span:hover{color:#f8d54c;}
	nav ul li.shop{width:25px;overflow:hidden;}
	nav ul li.shop img{width:25px;height:25px;vertical-align:text-bottom;}
	nav ul li:first-of-type{margin-left:0;}
	nav ul li a{color:#3e3a3a;text-decoration:none;}
	nav ul li a:hover{color:#f8d54c;}
	nav ul li a.fontWhite:hover{color:#f8d54c;}
	nav ul li#downMenu div ul#downMenuChild{display:none;float:none;position:relative;top:auto;left:auto;z-index:9999;list-style:none;margin:auto;background:none;}
	nav ul li#downMenu div ul#downMenuChild li{background:none;float:none;width:auto;}

	#downMenuChild li{height:2em;line-height:2em;margin:0 0.5rem;font-size:22px;}
	#downMenuChild li:first-of-type{padding-top:0.5em;margin-top:0.7em;border-top:2px solid rgba(0,0,0,0.15);}
	#downMenuChild li:last-of-type{padding-bottom:0.5em;}

	#chooseLanguage{float:none;width:29px;height:auto;position:relative;top:auto;left:auto;z-index:9999;list-style:none;margin:auto;margin-top:1rem;background:none;padding:2px;}
	#chooseLanguage li{float:none;width:25px;height:25px;overflow:hidden;padding:0;margin:2px auto;}
	#chooseLanguage li:first-of-type{background:url(../images/language.png) 25px -25px;background-size:200%;margin-bottom:0.4rem;}
	#chooseLanguage li:last-of-type a{width:100%;height:100%;background:url(../images/language.png) 0 -25px;display:block;background-size:200%;}
	/***后加一行***/
	#chooseLanguage li:nth-of-type(2) a{width:100%;height:100%;background:url(../images/language.png) 0 -25px;display:block;background-size:200%;}


	div.banner div.play div.bannerText{font-size:2rem;max-width:640px;margin:auto;height:auto;font-weight:700;line-height:1.2;}
	div.banner div.play div.bannerButton{max-width:480px;margin:auto;margin:1rem auto;min-width:20rem;height:auto;}
	div.banner div.play div.bannerButton p{clear:both;width:100%;margin:2rem 0;font-size:1.5rem;/*color:#F8D54C;*/}
	div.banner div.play div.bannerButton span{display:block;float:left;border:none; border-radius:2rem;background-color:#f8d54c;padding:1rem 3rem;}
	div.banner div.play div.bannerButton span:hover{border:1px solid #F8D54C;font-weight:700;}

	div.banner div.play div.bannerButton span a{display:inline;color:#FFF; text-decoration:none;}
	div.banner div.play div.bannerButton span:last-of-type{float:right; cursor:hand;}

	/*Press*/
	#pressLogo{width:70%;height:auto;list-style:none;margin:auto;padding:0;}
	#pressLogo li{float:left;margin:2rem 0rem;overflow:hidden;width:28%;text-align:center;}
	#pressLogo li:first-of-type{content:url(../images/New-Atlas.svg);}
	#pressLogo li:nth-of-type(2){content:url(../images/Trend-Hunter-FBIF.gif);width:30%;margin-top:1rem;}
	#pressLogo li:nth-of-type(3){content:url(../images/GeekDad-Logo-Baseline-Template-03072016-01.png);}
	#pressLogo li:nth-of-type(4){content:url(../images/dj-logo-2x.png);width:40%;}
	#pressLogo li:last-of-type{content:url(../images/fastcompany-logo.svg);}
	#pressReview{width:70%;max-width:600px;margin:auto;height:auto;padding:0;clear:both;text-align:center;color:#FFF;line-height:2;font-size:1rem;overflow:hidden;}


	/*******首页第二部分进行修改样式******/

	#pressLogo{width:60%;height:auto;list-style:none;margin:auto;padding:0;}
	#pressLogo li{float:left;margin:2rem 0rem;overflow:hidden;width:12%;text-align:center;margin-left: 50px;margin-right: 0px;}
	#pressLogo li:first-of-type{content:url(../images/New-Atlas.svg);}
	#pressLogo li:nth-of-type(2){content:url(../images/Trend-Hunter-FBIF.gif);width:13%;margin-top:1rem;}
	#pressLogo li:nth-of-type(3){content:url(../images/GeekDad-Logo-Baseline-Template-03072016-01.png);}
	#pressLogo li:nth-of-type(4){content:url(../images/dj-logo-2x.png);width:19%;}
	#pressLogo li:last-of-type{content:url(../images/fastcompany-logo.svg);}









	/*Character*/
	.character{width:100%;background:url(../images/back01.gif) repeat;height:auto;}
	.character h3{text-align:center;color:#f8d54c;font-size:22px;margin-top:-1em;}
	.character ul.characterContent{margin:auto;list-style:none;padding:1rem;}
	.character ul.characterContent li{width:20%;min-width:180px;height:auto;padding:0;float:left;margin-top:6rem;margin-bottom:4rem;background-color:#FFF;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 60px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);border-radius:5px;}

	.character ul.characterContent li p{font-size:14px;color:#3e3a3a;margin:2em;text-align:center;}
	.character ul.characterContent li:first-of-type{margin-left:0;}
	.character ul.characterContent li:last-of-type{margin-right:0;float:right;}
	.character ul.characterContent li img{margin:auto;text-align:center;}
	.character ul.characterContent li::before{display:block;position:relative;top:-62px;text-align:center;width:100%;}
	.character ul.characterContent li:first-of-type::before{content:url(../images/icon01.png);}
	.character ul.characterContent li:nth-of-type(2)::before{content:url(../images/icon02.png);}
	.character ul.characterContent li:nth-of-type(3)::before{content:url(../images/icon03.png);}
	.character ul.characterContent li:last-of-type::before{content:url(../images/icon04.png);}

	.modle{height:auto;width:100%;margin:0;background:url(../images/back02.gif) repeat;padding:3rem 0;}
	.modleContent{height:auto;margin:auto;color:#fff;padding:0 1rem;}
	.modlePhone{width:60%;float:right;margin-top:-2.5rem;margin-left:-2rem;text-align:right;}
	.modlePhone img{width:90%;}
	.modleContent h3{margin-top:7rem;}

	.ide{width:100%;overflow:hidden;background:url(../images/ide-big-back-1920.jpg) center no-repeat;}
	.ideContent{height:auto;width:40%;max-width:500px;color:#3e3a3a;margin:300px auto;}
	.ideContent h3{color:#f8d54c;}
	.ideContent p{color:#2e2725;}

	.assembled{width:100%;overflow:hidden;color:#fff;height:auto;background:url(../images/compatible-back-360.jpg) center no-repeat;}
	.assembledContent{padding:0 1rem;margin:auto;}
	.assembledRightContent{width:100%;float:right;text-align:justify;text-justify:inter-word;}
	.assembledLeftContent{width:100%;float:left;text-align:justify;text-justify:inter-word;padding:0 2rem;}
	.assembledRightContent::before{width:460px;height:460px;background:url(../images/modules03.png) center no-repeat;background-size:460px auto;content:"";display:block;margin:-3rem;float:left;}
	.assembledLeftContent::after{width:70%;height:320px;background:url(../images/modules04.png) center no-repeat;background-size:100% auto;content:"";display:block;box-sizing:border-box;float:right;margin:-12rem -1rem 5rem -1rem;}

	.steam{width:100%;height:auto;background-color:#FFF;padding-bottom:2rem;}
	.steamContent{margin:auto;text-align:center;}
	.steamContent h3{width:40%;color:#f8d54c;margin:2em auto 1em auto;font-size:22px;}
	.steamContent p{color:#2e2725;width:45%;margin:auto;}
	.steamContent ul{width:90%;list-style:none;margin:0 auto;padding:0;}
	.steamContent ul li{width:15%;}
	.steamContent ul li::before{content:"";width:100%;height:22%;}
	.steamContent ul li:first-of-type::before{background:url(../images/icon05.png) center no-repeat;background-size:100%;}
	.steamContent ul li:nth-of-type(2)::before{background:url(../images/icon06.png) center no-repeat;background-size:100%;}
	.steamContent ul li:nth-of-type(3)::before{background:url(../images/icon07.png) center no-repeat;background-size:100%;}
	.steamContent ul li:nth-of-type(4)::before{background:url(../images/icon08.png) center no-repeat;background-size:100%;}
	.steamContent ul li:last-of-type::before{background:url(../images/icon09.png) center no-repeat;background-size:100%;}
	.steamContent ul li:last-of-type{float:right;}

	bottom{height:auto;padding-top:1rem;height:auto;}
	.bottomContent{width:80%;}
	.bottomContent h3{font-size:2rem;}
	.bottomContent p{font-size:1rem;}
	.bottomContent ul{margin:2.4em auto;}
	.webBottom{padding:1rem 0;font-size:0.9rem;}
	/*Feedbck Start*/
	.main{padding:1rem 0;}
	.main .mainContent{margin:auto;padding:0 1rem;width:100%;}
	.main .mainContent h3{width:10%;}
	.main .mainContent ol li{margin:1rem 0;padding:2rem 2rem;}
	.main .mainContent dl.faqList{width:95%;top:-2.3rem;left:2rem;margin-bottom:-2.2rem;}
	.main .mainContent dl.faqList dt.faqQuestion{margin:0 1rem;margin-bottom:0.5rem;}
	.main .mainContent dl.faqList dd.faqAnswer{margin:0 1rem;line-height:1.5;}
	.main .mainContent .faqList .faqQuestion::before{top:1.1rem;left:-2rem;}
	.main .mainContent .faqList .faqAnswer::before{top:1.5rem;left:-2rem;}
	.main .mainContent div.feedback {padding:0 1rem;margin-top:3rem;}
	.main .mainContent div.feedback h3{font-size:1.2rem;width:15%;border-radius:1.5rem;top:-0.75rem;}
	.main .mainContent div.feedback div{width:40%;font-size:1.1rem;margin:3rem 1rem;;}
	.main .mainContent div.feedback form{width:50%;float:right;margin-top:-15rem;margin-right:1rem;padding:1rem 0;text-align:center;}
	.main .mainContent div.feedback form input, .main .mainContent div.feedback form textarea{width:100%;padding:1rem;margin:1rem auto;}
	.main .mainContent div.feedback form input{}
	.main .mainContent div.feedback form textarea{}
	.main .mainContent div.feedback form button{}
	/*Feedbck End*/
	/*pressPage*/
	ol#pressList{list-style:none;clear:both;}
	ol#pressList li{width:32%;float:left;padding:0;background-color:#f7d838;clear:none;}
	ol#pressList li a{padding:0;margin:0; text-decoration:none;}
	ol#pressList li div.pressImage{height:25%;}
	ol#pressList li img{border:none;margin:0;padding:0;width:100%;height:100%; border-radius:5px;}
	ol#pressList li div.pressTitle, ol#pressList li div.pressDescription{width:90%;margin:0.5rem auto;line-height:1.5;overflow:hidden;}
	ol#pressList li div.pressTitle{color:#FFF;white-space:nowrap;}
	ol#pressList li div.pressDescription{font-size:0.8rem;color:#5c5c5c;height:2.4rem;overflow:hidden;}


	/*Download*/
	/*Download Start*/
	.main ul.appList{list-style:none;padding:0;margin:0;}
	.main ul.appList li{margin:0;padding:5rem 0;}
	.main ul.appList h3{color:#f7d838;font-size:2rem;background:none;width:auto;border:none;border-radius:0;}
	.main ul.appList dt.iosAPP a{display:block;width:154px;height:47px;background:url(../images/app-icon.png) 0 -5px no-repeat;}
	.main ul.appList dt.androidAPP a{display:block;width:154px;height:47px;background:url(../images/app-icon.png) 0 -125px no-repeat;}
	.main ul.appList dt.pcSoft a{display:block;width:154px;height:47px;background:url(../images/pc-icon.png) 2px -10px no-repeat;}
	.main ul.appList .appListImg{width:62%;float:left;margin:4rem 0;}
	.main ul.appList .appListImg img{width:120%;margin-left:-35%;}
	.main ul.appList .appDecription{width:38%;float:right;margin:3rem 0;margin-left:-5rem;}
	.main ul.applist div.mainContent{height:auto;}
	.main ul.applist div.mainContent dl dd{margin:0;padding:0;line-height:2;}
	.main ul.appList li.mabotIdeApp{background-color:#f4f4f4;}
	.main ul.appList li.mabotIdeApp div.mainContent{margin:2rem auto;}
	.main ul.appList li.mabotIdeApp .appListImg img{border:none;width:111%;margin-bottom:-9rem;margin-left:-30%;}
	.main ul.appList li.mabotPcSoft div.mainContent{margin:3rem auto;}
	.main ul.appList li.mabotPcSoft .appListImg img{width:115%;margin-left:-30%;margin-top:-4rem;margin-bottom:-9rem;}
	.main ul.appList li.mabotStarApp{background-color:#f3f7fb;}
	.mabotapp{text-align: center;}
	/*Download End*/
	/*Modules List*/
	.main .mainContent ul.moduleList li{width:24%;height:auto;overflow:hidden;margin:0.5rem;}
	.main .mainContent ul.moduleList li a img{width:100%;height:auto;overflow:hidden;}
	.main .mainContent ul.moduleList li a span{display:block;width:100%;height:3em;position:relative;top:-3rem;padding:0;font-size:0.5rem;color:#747474;font-family:"Arial Rounded MT Bold";border:none;word-wrap:break-word;}
/*Module Page*/
	.main .mainContent #accImg{width:393px;height:393px;float:left;margin-left:4rem;}
	.main .mainContent h1{font-size:1.5rem;margin-top:5em;margin-left:1em;float:left;width:40%;}
	.main .mainContent #accDescription{float:left;margin-left:2em;line-height:2;font-size:1rem;width:40%;}
	.main .mainContent #acc_content dl dt{font-size:18px;margin:1em 0;height:3em;line-height:3em;}
	.main .mainContent #acc_content dl dd, .main .mainContent #acc_content p{font-size:16px;margin:5px 0;}
}


/*适配平板电脑786px以下的尺寸*/
@media screen and (min-width:480px) and (max-width:785px){
	header{background-color:RGBA(256,256,256,0.80);position:static;}
	nav div.logo{width:128px;height:43px;overflow:hidden;margin-left:1rem;margin-bottom:1rem;}
	nav div.logo img{width:255px;height:43px;margin-left:-128px;}

	/*头部导航显示效果*/
	#navMenuDoor{display:block;color:#3e3a3a;float:right;overflow:hidden;height:5%;min-height:43px;width:auto;margin-top:0.4rem;margin-right:1rem;}
	#navMenuDoor::before{content:"";width:16px;float:right;margin-left:1rem;-webkit-box-shadow: 0 10px 0 1px #3e3a3a,0 16px 0 1px #3e3a3a,0 22px 0 1px #3e3a3a;box-shadow: 0 10px 0 1px #3e3a3a,0 16px 0 1px #3e3a3a,0 22px 0 1px #3e3a3a}
	#navMenu{display:none;color:#3e3a3a;background-color:RGBA(256,256,256,0.95);font-size:1rem;line-height:2;padding:1rem;position:absolute;top:0;right:0;z-index:9999;width:100%;height:auto;min-height:100%;float:right;}
	#navMenu div{text-align:right;}
	#navMenu div::before{content:"\f00d";color:#3e3a3a;font-size:1rem;font-family:FontAwesome;display:inline-block;width:auto;font-weight:400;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
	#navMenu ol{list-style:none;margin:0;padding:0;text-align:center}
	#navMenu ol li{margin:0 auto;padding:0;line-height:2rem;font-size:1.2rem;}
	#navMenu ol li a::after{content:'';display:block;margin:2rem 5rem;border:1px solid rgba(0,0,0,0.15);}
	#navMenu ol li a{color:#3e3a3a;text-decoration:none;}
	#navMenu ol li a:hover{color:#f8d54c;}
	/*隐藏掉PC端导航*/
	nav ul{display:none;line-height:43px;color:#FFF;}
	.banner{width:100%;height:auto;}
	.banner img{width:100%;height:auto;}
	div.banner video{z-index:-1;}
	.banner div.play{display:none;}
	/*Press*/
	#pressLogo{width:70%;height:auto;list-style:none;margin:auto;padding:0;}
	#pressLogo li{float:left;margin:1rem 0rem;overflow:hidden;width:30%;text-align:center;}
	#pressLogo li:first-of-type{content:url(../images/New-Atlas.svg);}
	#pressLogo li:nth-of-type(2){content:url(../images/Trend-Hunter-FBIF.gif);width:32%;margin-top:1rem;}
	#pressLogo li:nth-of-type(3){content:url(../images/GeekDad-Logo-Baseline-Template-03072016-01.png);}
	#pressLogo li:nth-of-type(4){content:url(../images/dj-logo-2x.png);width:40%;}
	#pressLogo li:last-of-type{content:url(../images/fastcompany-logo.svg);}
	#pressReview{width:70%;max-width:600px;margin:auto;height:auto;padding:0;clear:both;text-align:center;color:#FFF;line-height:2;font-size:1rem;overflow:hidden;}

	.character{width:100%;background:url(../images/back01.gif) repeat;background-size:30%;height:auto;}
	.character ul.characterContent{width:80%;margin:auto;list-style:none;padding:1rem 0;}
	.character ul.characterContent h3{text-align:center;color:#f8d54c;font-size:1.1rem;margin-top:-2rem;margin-bottom:1rem;}

	.character ul.characterContent li{width:35%;min-width:120px;height:auto;float:left;margin:5rem auto;padding:0;background-color:#FFF;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 60px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);border-radius:5px;}

	.character ul.characterContent li p{display:none;}
	.character ul.characterContent li:nth-of-type(3){margin-top:1rem;}
	.character ul.characterContent li:last-of-type{margin-top:1rem;}
	.character ul.characterContent li::before{display:inline-block;width:100%;position:relative;top:-3rem;left:0;text-align:center;}
	.character ul.characterContent li:first-of-type::before{content:url(../images/icon01small.png);}
	.character ul.characterContent li:nth-of-type(2)::before{content:url(../images/icon02small.png);}
	.character ul.characterContent li:nth-of-type(3)::before{content:url(../images/icon03small.png);}
	.character ul.characterContent li:last-of-type::before{content:url(../images/icon04small.png);}

	.modle{padding:2rem 0;background-size:30%;}
	.modleContent{width:65%;}
	.modlePhone{margin-top:2rem;text-align:center;}
	.modlePhone img{width:100%;}
	.modleContent h3{font-size:1.5rem;margin-top:-2rem;}

	.ide{background:none;}
	.ideContent::before{display:block;content:'';background:url(../images/ide.png) bottom no-repeat;background-size:68%;transform:rotate(24deg);-ms-transform:rotate(24deg);/* IE 9 */-moz-transform:rotate(24deg);/* Firefox */-webkit-transform:rotate(24deg);/* Safari 和 Chrome */-o-transform:rotate(24deg);/* Opera */width:100%;height:25%;z-index:-99;text-align:right;margin-left:26%;}
	.ideContent{width:65%;margin:0 auto;margin-top:-4rem;}
	.ideContent h3{font-size:1.5rem;}
	.ideContent::after{display:block;content:'';background:url(../images/modules02.jpg) top no-repeat;background-size:68%;width:100%;height:15%;z-index:-99;text-align:right;margin-left:26%;margin-top:-1rem;}

	.assembled{background-size:200%;}
	.assembledContent h3{font-size:1.5rem;width:100%;}
	.assembledRightContent{width:65%;padding-left:0;padding-right:0;float:none;margin:auto;margin-top:3rem;}
	.assembledRightContent p{margin:0;width:100%;}
	.assembledRightContent ul li{float:left;background-color:#fff;border-radius:0.75rem;padding:0 0.5rem;line-height:1.5;color:#f7d838;margin-right:0.5rem;font-size:0.8rem;}
	.assembledRightContent::before{display:none;}
	.assembledRightContent::after{width:100%;height:50%;min-height:20rem;background:url(../images/modules03.png) center no-repeat;background-size:100% auto;content:"";display:block;box-sizing:border-box;margin:auto;margin-top:0;text-align:center;}
	.assembledLeftContent{margin:auto;margin-top:2rem;padding:0;float:none;text-align:center;}
	.assembledLeftContent h3, .assembledLeftContent p {width:65%;margin:auto;}
	.assembledLeftContent::after{width:100%;height:50%;min-height:480px;background:url(../images/modules04.png) center no-repeat;content:"";background-size:100% auto;float:none;margin:0 auto;display:block;}

	.steam{width:100%;height:auto;background-color:#FFF;padding-bottom:6em;}
	.steamContent h3{width:65%;margin:2rem auto;font-size:1.5rem;}
	.steamContent p{width:65%;margin:auto;}
	.steamContent ul{margin:0 auto;padding:5% 0;width:80%;}
	.steamContent ul li{width:30%;}
	.steamContent ul li::before{content:"";width:100%;height:22%;}
	.steamContent ul li:first-of-type::before{background:url(../images/icon05.png) center no-repeat;background-size:100%;}
	.steamContent ul li:nth-of-type(2)::before{background:url(../images/icon06.png) center no-repeat;background-size:100%;}
	.steamContent ul li:nth-of-type(3)::before{background:url(../images/icon07.png) center no-repeat;background-size:100%;}
	.steamContent ul li:nth-of-type(4)::before{background:url(../images/icon08.png) center no-repeat;background-size:100%;}
	.steamContent ul li:last-of-type::before{background:url(../images/icon09.png) center no-repeat;background-size:100%;}
	.steamContent ul li:last-of-type{float:right;}


	bottom{padding-top:1rem;}
	.bottomContent h3{font-size:1.6rem;}
	.bottomContent p{font-size:0.8rem;}
	.bottomContent ul{margin:1em auto;width:40%;}
	.webBottom{height:auto;line-height:1.5;font-size:0.8rem;padding:0.5rem 0;}
	.webBottom div.bottomContent{width:90%;margin:auto;}

	/*Feedbck Start*/
	.main{padding:1rem 0;}
	.main .mainContent{margin:auto;padding:0 1rem;width:100%;}
	.main .mainContent h3{width:10%;}
	.main .mainContent ol li{margin:1rem 0;padding:2rem 2rem;}
	.main .mainContent dl.faqList{width:95%;top:-2.3rem;left:2.5rem;margin-bottom:-2.2rem;}
	.main .mainContent dl.faqList dt.faqQuestion{margin:0 1rem;margin-bottom:0.5rem;}
	.main .mainContent dl.faqList dd.faqAnswer{margin:0 1rem;line-height:1.5;}
	.main .mainContent .faqList .faqQuestion::before{top:1.15rem;left:-2.2rem;}
	.main .mainContent .faqList .faqAnswer::before{top:1.5rem;left:-1rem;}
	.main .mainContent div.feedback {padding:0 1rem;margin-top:3rem;}
	.main .mainContent div.feedback h3{font-size:1.2rem;width:20%;border-radius:1.5rem;top:-0.75rem;}
	.main .mainContent div.feedback div{}
	.main .mainContent div.feedback form{margin:1rem auto;padding:1rem 0;text-align:center;}
	.main .mainContent div.feedback form input, .main .mainContent div.feedback form textarea{width:100%;padding:1rem;margin:1rem auto;}
	.main .mainContent div.feedback form input{}
	.main .mainContent div.feedback form textarea{}
	.main .mainContent div.feedback form button{}
	/*Feedbck End*/
	/*pressPage*/
	ol#pressList{list-style:none;clear:both;}
	ol#pressList li{width:32%;float:left;padding:0;background-color:#f7d838;clear:none;}
	ol#pressList li a{padding:0;margin:0; text-decoration:none;}
	ol#pressList li div.pressImage{height:25%;}
	ol#pressList li img{border:none;margin:0;padding:0;width:100%;height:100%; border-radius:5px;}
	ol#pressList li div.pressTitle, ol#pressList li div.pressDescription{width:90%;margin:0.5rem auto;line-height:1.5;overflow:hidden;}
	ol#pressList li div.pressTitle{color:#FFF;white-space:nowrap;}
	ol#pressList li div.pressDescription{font-size:0.8rem;color:#5c5c5c;height:2.4rem;overflow:hidden;}

	/*Download*/
	/*Download Start*/
	.main ul.appList{list-style:none;padding:0;margin:0;}
	.main ul.appList li{margin:0;padding:0.5rem 0;}
	.main ul.appList h3{color:#f7d838;font-size:1.5rem;background:none;width:auto;border:none;border-radius:0;}
	.main ul.appList dt.iosAPP a{display:block;width:154px;height:47px;background:url(../images/app-icon.png) 0 -5px no-repeat;}
	.main ul.appList dt.androidAPP a{display:block;width:154px;height:47px;background:url(../images/app-icon.png) 0 -125px no-repeat;}
	.main ul.appList dt.pcSoft a{display:block;width:154px;height:47px;background:url(../images/pc-icon.png) 2px -10px no-repeat;}
	.main ul.appList .appListImg{width:100%;float:none;margin:4rem 0;}
	.main ul.appList .appListImg img{width:100%;margin-left:0;}
	.main ul.appList .appDecription{width:100%;float:none;margin:4rem 0;margin-left:0;}
	.main ul.applist div.mainContent{height:auto;padding:0 1rem;}
	.main ul.applist div.mainContent dl dd{margin:0;padding:0;line-height:2;}
	.main ul.appList li.mabotIdeApp{background-color:#f4f4f4;}
	.main ul.appList li.mabotIdeApp div.mainContent{margin:5rem auto;}
	.main ul.appList li.mabotIdeApp .appListImg img{border:none;width:100%;margin-bottom:-4rem;margin-left:0;}
	.main ul.appList li.mabotPcSoft div.mainContent{margin:5rem auto;}
	.main ul.appList li.mabotPcSoft .appListImg img{width:100%;margin-left:0;margin-bottom:-4rem;}
	.mabotapp{text-align: center;}
	.main ul.appList li.mabotStarApp{background-color:#f3f7fb;}
	/*Download End*/
	/*Modules List*/
	.main .mainContent ul.moduleList li{width:30%;height:auto;overflow:hidden;margin:0.5rem;}
	.main .mainContent ul.moduleList li a img{width:100%;height:auto;overflow:hidden;}
	.main .mainContent ul.moduleList li a span{display:block;width:100%;height:3em;position:relative;top:-3rem;padding:0;font-size:0.5rem;color:#747474;font-family:"Arial Rounded MT Bold";border:none;word-wrap:break-word;}
	/*Module Page*/
	.main .mainContent #accImg{width:100%;height:50%;background-size:100%;float:none;}
	.main .mainContent h1{font-size:1.5rem;margin:1rem;width:100%;float:none;}
	.main .mainContent #accDescription{width:90%;float:none;margin:auto;line-height:2;font-size:1rem;}
	.main .mainContent #acc_content{clear:both;width:90%;background:#fff;margin:auto;}
	.main .mainContent #acc_content dl *{line-height:1.5;text-indent:1rem;}
	.main .mainContent #acc_content dl dt{font-size:1rem;margin:1rem 0;height:3rem;line-height:3rem;}
	.main .mainContent #acc_content dl dd, .main .mainContent #acc_content p{font-size:1rem;margin:0.3rem 0;}
	.main .mainContent #acc_content img{width:100%;}

}

/*适配手机端480px以下的尺寸*/
@media screen and (max-width:479px){
	header{background-color:RGBA(256,256,256,0.80);position:static;}
	nav{}
	nav div.logo{width:128px;height:43px;overflow:hidden;margin-left:1rem;margin-bottom:1rem;}
	nav div.logo img{width:255px;height:43px;margin-left:-128px;}

	/*手机端头部导航显示效果*/
	#navMenuDoor{display:block;color:#3e3a3a;float:right;overflow:hidden;height:5%;min-height:43px;width:auto;margin-top:0.4rem;margin-right:1rem;}
	#navMenuDoor::before{content:"";width:16px;float:right;margin-left:1rem;-webkit-box-shadow: 0 10px 0 1px #3e3a3a,0 16px 0 1px #3e3a3a,0 22px 0 1px #3e3a3a;box-shadow: 0 10px 0 1px #3e3a3a,0 16px 0 1px #3e3a3a,0 22px 0 1px #3e3a3a}
	#navMenu{display:none;color:#3e3a3a;float:right;background-color:RGBA(256,256,256,0.97);font-size:1rem;line-height:2;padding:1rem;position:absolute;top:0;right:0;z-index:9999;width:100%;height:auto;min-height:100%;float:right;}
	#navMenu div{text-align:right;}
	#navMenu div::before{content:"\f00d";color:#3e3a3a;font-size:1rem;font-family:FontAwesome;display:inline-block;width:auto;font-weight:400;font-style:normal;line-height:3rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale:height:3rem;}
	#navMenu ol{list-style:none;margin:0;padding:0;text-align:center}
	#navMenu ol li{margin:0 auto;padding:0;line-height:2rem;font-size:1.2rem;}
	#navMenu ol li a{color:#3e3a3a;text-decoration:none;}
	#navMenu ol li a:hover{color:#f8d54c;}
	#navMenu ol li a::after{content:'';display:block;margin:2rem 5rem;border:1px solid rgba(0,0,0,0.15);}
	#navMenu ol li:last-of-type a::after{border:none;}


	/*手机端显示时，隐藏掉PC端导航*/
	nav ul{display:none;line-height:43px;color:#FFF;}

	div.banner img{width:100%;height:auto;}
	div.banner video{z-index:-1;}
	div.banner div.play{display:none;}

	/*Press*/
	#pressLogo{width:99%;height:auto;list-style:none;margin:auto;padding:0;}
	#pressLogo li{float:left;margin:1rem 0rem;overflow:hidden;width:30%;text-align:center;}
	#pressLogo li:first-of-type{content:url(../images/New-Atlas.svg);}
	#pressLogo li:nth-of-type(2){content:url(../images/Trend-Hunter-FBIF.gif);width:32%;margin-top:1rem;}
	#pressLogo li:nth-of-type(3){content:url(../images/GeekDad-Logo-Baseline-Template-03072016-01.png);}
	#pressLogo li:nth-of-type(4){content:url(../images/dj-logo-2x.png);width:40%;}
	#pressLogo li:last-of-type{content:url(../images/fastcompany-logo.svg);}
	#pressReview{width:99%;max-width:600px;margin:auto;height:auto;padding:0;clear:both;text-align:center;color:#FFF;line-height:2;font-size:1rem;overflow:hidden;}

	.character{width:100%;background:url(../images/back01.gif) repeat;background-size:40%;height:auto;}
	.character ul.characterContent{width:100%;margin:auto;list-style:none;padding:1rem 0;}
	.character ul.characterContent li{width:40%;min-width:120px;height:auto;min-height:8rem;float:left;margin:5rem auto;padding:0;background-color:#FFF;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 60px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);border-radius:5px;}
	.character ul.characterContent h3{text-align:center;color:#f8d54c;font-size:1.1rem;margin-top:-2rem;margin-bottom:1rem;}
	.character ul.characterContent li p{display:none;}
	.character ul.characterContent li:nth-of-type(3){margin-top:1rem;}
	.character ul.characterContent li:last-of-type{margin-top:1rem;}
	.character ul.characterContent li::before{display:inline-block;width:100%;position:relative;top:-3rem;left:0;text-align:center;}
	.character ul.characterContent li:first-of-type::before{content:url(../images/icon01small.png);}
	.character ul.characterContent li:nth-of-type(2)::before{content:url(../images/icon02small.png);}
	.character ul.characterContent li:nth-of-type(3)::before{content:url(../images/icon03small.png);}
	.character ul.characterContent li:last-of-type::before{content:url(../images/icon04small.png);}

	.modle{padding:0.5rem 0;background-size:40%;}
	.modleContent{width:74%;}
	.modlePhone{margin-top:2rem;text-align:center;}
	.modlePhone img{width:100%;}
	.modleContent h3{font-size:1.5rem;margin-top:-1rem;}

	.ide{background:none;}
	.ideContent::before{display:block;content:'';background:url(../images/ide.png) bottom no-repeat;background-size:75%;transform:rotate(24deg);-ms-transform:rotate(24deg);/* IE 9 */-moz-transform:rotate(24deg);/* Firefox */-webkit-transform:rotate(24deg);/* Safari 和 Chrome */-o-transform:rotate(24deg);/* Opera */width:100%;height:25%;z-index:-99;text-align:right;margin-left:20%;}
	.ideContent{width:80%;margin:0 auto;margin-top:-2rem;}
	.ideContent h3{font-size:1.2rem;}
	.ideContent::after{display:block;content:'';background:url(../images/modules02.jpg) top no-repeat;background-size:75%;width:100%;height:15%;z-index:-99;text-align:right;margin-left:26%;margin-top:-1rem;}
	.assembled{background-size:284%;}
	.assembledContent h3{font-size:1.5rem;width:100%;}
	.assembledRightContent{width:80%;padding-left:0;padding-right:0;float:none;margin:auto;margin-top:2rem;}
	.assembledRightContent p{margin:0;width:100%;}
	.assembledRightContent ul li{float:left;background-color:#fff;border-radius:0.75rem;padding:0 0.4rem;line-height:1.5;color:#f7d838;margin-right:0.3rem;font-size:0.8rem;}
	.assembledRightContent::before{display:none;}
	.assembledRightContent::after{width:100%;height:50%;background:url(../images/modules03.png) center no-repeat;background-size:100% auto;content:"";display:block;box-sizing:border-box;margin:0;text-align:center;}
	.assembledLeftContent{margin-top:0;padding:0;float:none;}
	.assembledLeftContent h3, .assembledLeftContent p {width:80%;margin:auto;}
	.assembledLeftContent::after{width:100%;height:40%;background:url(../images/modules04.png) center no-repeat;content:"";background-size:100% auto;float:none;margin:0 auto;display:block;}

	.steam{width:100%;height:auto;background-color:#FFF;padding-bottom:6em;}

	.steamContent h3{width:80%;margin:2rem auto;font-size:1.5rem;}
	.steamContent p{width:80%;margin:auto;}
	.steamContent ul{margin:0 auto;padding:0;width:90%;}
	.steamContent ul li{width:30%;}
	.steamContent ul li::before{content:"";width:100%;height:22%;}
	.steamContent ul li:first-of-type::before{background:url(../images/icon05.png) center no-repeat;background-size:100%;}
	.steamContent ul li:nth-of-type(2)::before{background:url(../images/icon06.png) center no-repeat;background-size:100%;}
	.steamContent ul li:nth-of-type(3)::before{background:url(../images/icon07.png) center no-repeat;background-size:100%;}
	.steamContent ul li:nth-of-type(4)::before{background:url(../images/icon08.png) center no-repeat;background-size:100%;}
	.steamContent ul li:last-of-type::before{background:url(../images/icon09.png) center no-repeat;background-size:100%;}
	.steamContent ul li:last-of-type{float:right;}


	bottom{padding-top:1rem;}
	.bottomContent h3{font-size:1.6rem;}
	.bottomContent p{font-size:0.8rem;}
	.bottomContent ul{margin:1em auto;width:40%;}
	.webBottom{height:auto;line-height:1.5;font-size:0.8em;padding:1rem 0;}
	.webBottom div.bottomContent{text-align:justify;width:90%;margin:auto;}

	/*Feedbck Start*/
	.main{padding:1rem 0;}
	.main .mainContent{margin:auto;padding:0 1rem;width:100%;}
	.main .mainContent h3{width:20%;}
	.main .mainContent ol li{margin:1rem 0;padding:2rem 1rem;}
	.main .mainContent dl.faqList{width:90%;top:-2.3rem;left:2.5rem;margin-bottom:-2.2rem;}
	.main .mainContent dl.faqList dt.faqQuestion{margin:0 1rem;margin-bottom:0.5rem;}
	.main .mainContent dl.faqList dd.faqAnswer{margin:0 1rem;line-height:1.5;}
	.main .mainContent .faqList .faqQuestion::before{top:1.15rem;left:-2.2rem;}
	.main .mainContent .faqList .faqAnswer::before{top:1.5rem;left:-1rem;}
	.main .mainContent div.feedback {padding:0 1rem;margin-top:3rem;}
	.main .mainContent div.feedback h3{font-size:1.2rem;width:40%;border-radius:1.5rem;top:-0.75rem;}
	.main .mainContent div.feedback div{}
	.main .mainContent div.feedback form{margin:1rem auto;padding:1rem 0;text-align:center;}
	.main .mainContent div.feedback form input, .main .mainContent div.feedback form textarea{width:100%;padding:1rem;margin:1rem auto;}
	.main .mainContent div.feedback form input{}
	.main .mainContent div.feedback form textarea{}
	.main .mainContent div.feedback form button{}
	/*Feedbck End*/
	/*pressPage*/
	ol#pressList{list-style:none;clear:both;margin-top:-10rem;}
	ol#pressList li{width:100%;float:none;padding:0;background-color:#f7d838;clear:none;}
	ol#pressList li a{padding:0;margin:0; text-decoration:none;}
	ol#pressList li div.pressImage{height:25%;}
	ol#pressList li img{border:none;margin:0;padding:0;width:100%;height:100%; border-radius:5px;}
	ol#pressList li div.pressTitle, ol#pressList li div.pressDescription{width:90%;margin:0.5rem auto;line-height:1.5;overflow:hidden;}
	ol#pressList li div.pressTitle{color:#FFF;white-space:nowrap;}
	ol#pressList li div.pressDescription{font-size:0.8rem;color:#5c5c5c;height:2.4rem;overflow:hidden;}


	/*Download*/
	/*Download Start*/
	.main ul.appList{list-style:none;padding:0;margin:0;}
	.main ul.appList li{margin:0;padding:0.5rem 0;}
	.main ul.appList h3{color:#f7d838;font-size:1.5rem;background:none;width:auto;border:none;border-radius:0;}
	.main ul.appList dt.iosAPP a{display:block;float:left;width:154px;height:47px;background:url(../images/app-icon.png) 0 -5px no-repeat;}
	.main ul.appList dt.androidAPP a{display:block;float:left;width:154px;height:47px;background:url(../images/app-icon.png) 0 -125px no-repeat;}
	.main ul.appList dt.pcSoft a{display:block;width:154px;height:47px;background:url(../images/pc-icon.png) 2px -10px no-repeat;}
	.main ul.appList .appListImg{width:100%;float:none;margin:4rem 0;}
	.main ul.appList .appListImg img{width:100%;margin-left:0;}
	.main ul.appList .appDecription{width:100%;float:none;margin:4rem 0;margin-left:0;}
	.main ul.applist div.mainContent{height:auto;padding:0 1rem;}
	.main ul.applist div.mainContent dl dd{margin:0;padding:0;line-height:2;}
	.main ul.appList li.mabotIdeApp{background-color:#f4f4f4;}
	.main ul.appList li.mabotIdeApp div.mainContent{margin:5rem auto;}
	.main ul.appList li.mabotIdeApp .appListImg img{border:none;width:100%;margin-bottom:-4rem;margin-left:0;}
	.main ul.appList li.mabotPcSoft div.mainContent{margin:5rem auto;}
	.main ul.appList li.mabotPcSoft .appListImg img{width:100%;margin-left:0;margin-bottom:-4rem;}

	.main ul.appList li.mabotStarApp{background-color:#f3f7fb;}
	.mabotapp{text-align: center;}
	/*Download End*/
	/*Modules List*/
	.main .mainContent ul.moduleList li{width:45%;height:auto;overflow:hidden;margin:0.5rem;}
	.main .mainContent ul.moduleList li a img{width:100%;height:auto;overflow:hidden;}
	.main .mainContent ul.moduleList li a span{display:block;width:100%;height:3em;position:relative;top:-3rem;padding:0;font-size:0.5rem;color:#747474;font-family:"Arial Rounded MT Bold";border:none;word-wrap:break-word;}

/*Module Page*/
	.main .mainContent #accImg{width:100%;height:50%;background-size:100%;float:none;}
	.main .mainContent h1{font-size:1.5rem;margin:1rem;width:100%;float:none;}
	.main .mainContent #accDescription{width:90%;float:none;margin:auto;line-height:2;font-size:1rem;}
	.main .mainContent #acc_content{clear:both;width:90%;background:#fff;margin:auto;}
	.main .mainContent #acc_content dl *{line-height:1.5;text-indent:1rem;}
	.main .mainContent #acc_content dl dt{font-size:1rem;margin:1rem 0;height:3rem;line-height:3rem;}
	.main .mainContent #acc_content dl dd, .main .mainContent #acc_content p{font-size:1rem;margin:0.3rem 0;}
	.main .mainContent #acc_content img{width:100%;}

}