@charset "utf-8";
/* CSS Document */


/*导航及主要页面样式*/

body{
   background-color:#ffffff;
}

.header{
   height:80px;
   width:1000px;
   padding:0;
   margin:0 auto;
   background:#ffffff;
   line-height:80px;
   text-align:center;
}
  
.header_icon{
  float:left;
  vertical-align:middle;
  height:80px;
}

.header_icon img{
  vertical-align:middle;
}


.nav_bar{
   float:right;
   vertical-align:middle;
   line-height:80px;
   position: relative;
   width:500px;
}


.nav_bar li{
  float:left;	
  margin:auto;
  font-family: "Microsoft YaHei";
  font-size:16px;
  padding:0px 10px;
  text-align:center;
}

.nav_select{
  color:#2796e5;
}

.nav_index{
   border-left:medium none;
}

.body_content{
   position:relative;
   margin:auto;
}

.body_content_join_us{
   background-color:#f2f2f2; 

}


.index_page_01{
  width:100%;
  text-align:center;
  overflow:hidden;
  margin:0px;
  padding:0px;
  position: relative;
  background-color:#84bdfd;
}

/*导航及主要页面样式*/

/* 新导航样式 */

.navi{
	width:1000px;
	height:80px;
	overflow:hidden;
	margin:0 auto;
}

.logo{
	float:left;
}

.navi-r{
	float:right;
}

.navi-r ul li{
	float:left;
	line-height:80px;
	margin-left:20px;

}

.navi-r ul li a{
	font-size:16px;
	color:#777;
	font-family:"微软雅黑";
}

.navi-r ul li a:hover{
	color:#333333;
}


/* 新导航样式 */


/*   录屏教程 help.html  页面样式 */

.left_list{
	width:300px;
	background-color:#f9f9f9;
	border:1px solid #e5e5e5;
	border-radius:6px;
	overflow:hidden;
	margin-top:40px;
	float:left;	
}

.list_01{
	background-color:#f9f9f9;
	height:60px;
	border-bottom:1px solid #e5e5e5;
	
}

.list_01 span{
	color:#3fc2ff;
	float:left;
	font-size:20px;
	line-height:60px;
	margin-left:15px;
}

.android_r{
	margin-left:15px;
	margin-top:11px;
	float:left;	
}

.sanjiao img{
	float:right;
	margin-right:15px;
	margin-top:24px;	
}

.list_02{
	height:60px;
	color:#414141;
	float:left;
	font-size:20px;
	line-height:60px;
	padding-left:30px;
	border-bottom:1px #e5e5e5 solid;
	width:300px;
}

.right_list{
	float:left;
	width:658px;
	overflow:hidden;
	margin:40px 0 0 70px;
}

.title{
	font-size:19px;
	line-height:60px;
	overflow:hidden;
	border-bottom:1px solid #e5e5e5;
}

.how_root{
	font-size:20px;
	overflow:hidden;
	margin-top:15px;
	color:#343434;	
}

.how_root font{
	color:red;	
}

.right_list a{
	color:#2eb8ff;
}

.right_list a:hover{
	color:#006cff;
}

.course_step{
	height:250px;
	background-color:#e5e5e5;
	width:1px;
	margin:40px 20px 0 29px;
	position:relative;
	float:left;
}

.course_step img{
	position:absolute;
	left:-18px;
	top:25px;	
}

.course_content{
	float:left;
	overflow:hidden;
	width:588px;
	margin:40px 0 0 20px;	
}

.course_content dl{
	font-size:20px;
	color:#565656;
	margin-top:29px;
}

.course_content dl dt{
	font-size:18px;
	font-weight:normal;
}




/*   录屏教程 help.html  页面样式 */




/*    页脚样式 */
.footer{
	background:#eee;
	padding-top:10px;
	margin-top:100px;
	position:relative;
	text-align:center;
	height:100px;
	font-size:14px;
}

.footer p{
    padding:0;
    margin:0 auto;

}
/*    页脚样式 */





/*   加入我们/关于我们 company.html/join.html  页面样式 */

.join-pic{
	width:100%;
	overflow:hidden;
}

.join-pic img{
	width:100%;	
}


.company-msg{
	float:left;
	overflow:hidden;
	margin:0 auto;	
}

.company-msg-a{
	float:left;
	overflow:hidden;
	margin-left:80px;	
}

.company-mas-b{
	float:left;
	margin-left:120px;
}

.about-us{
  width:1000px;
  margin:0 auto;
  background-color:#fff;
  padding:20px 0;
  font-size:1.1em;
  font-family: "Microsoft Yahei";
  line-height:26px;
}

.about-us p{
  text-align:left; 
  width:90%;
  margin:0 auto;
}

.join-us{
  width:1000px;
  margin:0 auto;
  background-color:#fff;
  padding:20px 0;
  overflow:hidden;
}

.join_us_pic{

  width:1000px;
  margin:0 auto;
  background-color:#fff;
  padding:20px 0;
  text-align:center;

}

.join-content{
  width:700px;
  margin:0 auto;
  padding-top:50px;
  overflow:hidden;

}


.clear{
	clear:both; 
	float:n-resize;
}


.jd{
   float:left;

}


.jd_text{
   margin-left:5px;
   line-height:22px;
}

.jd_text font{
	float:left;	
}

.jd_title{
   font-size:1.05em;
   font-weight:bold;

}

.contact_pic{
   float:left;
   margin-right:10px;
   width:30px;

}

.contact_text{
   float:left;
   line-height:30px;


}

/*   加入我们/关于我们 company.html/join.html  页面样式 */










/*   问答页面 question.html 样式  */
.keyword{
    position: relative;
    left:53px;

}


.keyword div{
	background-color:#fe4040;
	float:left;
	margin-left:50px; 
	border-radius:100px;
	width:70px;
	text-align:center;
	height:30px;
	vertical-align:center;
}

.keyword div a{
     color:white;
     line-height:27px;
     font-size:16px;
}

.question{overflow:hidden;}
.question font{ font-size:20px; float:left; margin-top:15px; }

.question-a{
	color:#3dc2ff;
	font-size:18px;
    float:left;
    padding-right:5px;
	margin-top:4px;
}
.question-b{
	float:left;
	font-size:15px;
	margin-top:6px;
}
.answer{
	color:#3ac137;
	font-size:18px;
    float:left;
    padding-right:5px;
	margin-top:10px;
}
.answer-a{
	width:620px;
	float:left;
	font-size:14px;
	margin-top:12px;
}

.over-clear{ clear:both; clear:float;}


/*   问答页面 question.html 样式  */


/*   录屏教程 help.html  样式   */


.step{ overflow:hidden; width:1000px; margin:40px 0;}
.step_all{ width:40px; height:40px; border-radius:50px; background-color:#4ba0f6; color:white; font-size:24px; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:40px; float:left; margin-left:100px;}
.step_a{ float:left; font-size:24px; line-height:38px; margin-left:30px;}
.step_b{ font-size:22px; margin:10px 170px; color:#777;}
.step_img{ width:320px; overflow:hidden; margin:50px auto;}