html {  width: 100%; font-family: "微软雅黑"; font-size: 20px; outline: none;-webkit-text-size-adjust: none;}
*{margin:0; padding:0;}
body {  color:#5e5e5e; font-family:"Microsoft YaHei", "Segoe UI", Tahoma, Arial, Verdana, sans-serif; background:#f4f4f4;
  margin:0 auto; font-size:14px; font-size: 0.4rem; max-width:1080px; min-width:320px; }
a:link,a:visited{color:#5e5e5e;text-decoration:none;}
a:link,a:hover{color:#5e5e5e;text-decoration:none;}
a:hover{color:#1e7dd7;text-decoration:none;}
ul li{ list-style:none; }
a{ text-decoration:none; border:none;}
a img{ border:none;}
img{ margin:0; padding:0; display:block;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html>body .clearfix { display:inline-block; width:100%; } 
* html .clearfix { height:1%; /* End hide from IE-mac */ } 
*+html .clearfix { min-height:1%; }/* ie7 hack*/ 
div{ display:block;}
table { border-collapse:collapse; }
table,th, td { border: 0.05rem solid #ededed;}
.box{ width: 100%;width:16rem; margin:0 auto;}
.header_box{ position:relative;}
header{ height:2.2rem; background:#f4f4f4; width:16rem; margin:0 auto; position:relative;}
.logo{ float:left;}
.logo img{ width:6.2em; margin:0.6rem 0.5rem;}
.search_box{ float:left; width:8.6rem; position:relative;}
.search{ padding-left:0.2rem; width:7.2rem; font-size:0.46rem; height:1rem; line-height:1rem; border:0.08rem solid #fd9808; border-radius:0.2rem; 
margin:0.5rem 0.2rem 0.5rem 0.8rem; position:relative;}
.search_box a{ position:absolute; right:1.2rem; top:0.76rem; display:block; height:0.6rem; border-left:0.05rem solid #e4e4e4; padding-left:0.4rem;}
.search_box a img{ width:0.6rem;}
.login{ float:left;}
.login a{ display:block;}
.login a img{ width:1rem; margin:0.6rem 0.5rem;}
.banner img{ width:16rem;}

/*menu 菜单*/
.menu { border-bottom: 0.05rem solid #ededed;padding-bottom: 0.7rem;background: #fff;}
.menu li a { display: block; color: #333; }
.menu li { float: left; width: 4rem; text-align: center;  margin-top: 0.7rem;font-size: 0.6rem;}
.menu li span { width: 2.3rem; height: 1.75rem; border-radius: 1.2rem; display: block; margin: 0 auto; padding-top: 0.55rem; margin-bottom:0.1rem;}
.menu li span img { width: 1.2rem; fill: #fff; display:block; margin:0 auto;  }
.menu li .job { background: #fd9808;}
.menu li .school {   background: #fd6a0a;}
.menu li .middle {   background: #70c9b7;}
.menu li .help {    background: #0d94d4;}
.menu li .hot {   background: #3cb1e7;}
.menu li .ask { background: #f06200;}
.menu li .news {   background: #feb60a;}
.menu li .classify {  background: #d2860e;}

/**ask**/
.ask_box{ padding:0.7rem 0.7rem; background:#fff; width:14.6rem; margin-top:0.5rem; border-bottom: 0.05rem solid #ededed;border-top: 0.05rem solid #ededed;}
.ask_box h3 span{ font-size:0.46rem; font-weight:normal;}
.ask_span1{ background:url(../images/triangle_icon.png) center right no-repeat; background-size:0.32rem 0.512rem; padding-right:0.7rem;}
.ask_span2{ background:#449aeb; display:inline-block; height:1rem; line-height:1rem; color:#fff; border-radius:0.1rem; padding:0 0.2rem;}
.input_ask{ padding-left:0.2rem; display:block; float:left; font-size: 0.4rem;background: #fff;border-radius: 0.2rem;border: 0.07rem solid #ec5369; border-top-right-radius: 0;
border-bottom-right-radius: 0;  color: #999; height:1.2rem; line-height:1.2rem; width:12rem;}
.ask_input_box{ position: relative;  z-index: 2;margin-bottom: 0; margin-top:1rem;} 
.input_group_btn{background: #ec5369;color: #fff; width:2rem; height:1.2rem; font-size:0.5rem; color:#fff; display:block; float:left; border: 0.07rem solid #ec5369; border-radius:0.1rem; border-top-left-radius: 0;border-bottom-left-radius: 0; text-align:center; line-height:1.2rem; }
.input_group_btn:hover{ color:#fff;}
a.input_group_btn{ color:#fff;}

/**course**/
.sel_course{ border: 0.05rem solid #ededed; border-left:none; border-right:0; background:#fff; margin-top:0.5rem; margin-bottom:0.5rem;}
.index_title{ color:#075eae;text-align:center; font-size:0.7rem; font-weight:normal; margin-top:0.8rem; background:url(../images/title_bg.png) top center no-repeat; padding-top:0.2rem; background-size:4.2rem 0.74rem;}
.en_title{ font-size:0.3rem; color:#c2c2c2; text-align:center; font-weight:normal; margin-top:0.1rem; margin-bottom:0.6rem;}
.couse_title{ border-bottom:0.05rem solid #d9d9d9; padding-bottom:0.1rem; position:relative; margin:0 0.5rem; padding-bottom:0.2rem;}
.couse_title h3 { font-weight:normal; font-size:0.6rem; color:#5e5e5e; border-left: 0.1rem solid #075eae;padding-left: 0.5rem; margin-left:0.2rem;} 
.course_cla{ font-size:0.4rem; color:#5e5e5e; position:absolute; right:0rem; bottom:0.3rem;}
.course_cla a{ margin:0 0.2rem;}
.course_det{ float:left; }
.course_box{ margin-top:0.5rem;}
.course_det{ margin-left:0.55rem; margin-bottom:0.55rem;}
.course_img img{ width:4.6rem;}
.course_text{ border:0.05rem solid #ededed; border-top:none; padding:0.2rem 0.3rem;}
.course_icon span{ font-size:0.3rem; color:#a7a7a7; height:0.5rem; line-height:0.5rem; margin-top:0.2rem;}
.people{ background:url(../images/people.jpg) left center no-repeat; background-size:0.5rem 0.428rem; padding-left:0.5rem; float:left; display:block; }
.say{ float:right; background:url(../images/say.jpg) left center no-repeat; background-size:0.428rem 0.38rem; padding-left:0.43rem; display:block;}
/**answer**/
.answer_list li{ height:1.5rem; line-height:1.5rem; margin:0 0.7rem; font-size:0.5rem; border-bottom:0.05rem dashed #dbdbdb; background:url(../images/spot.jpg) left center no-repeat; background-size:0.1rem; padding-left:0.24rem;}
.answer_list{ margin-bottom:0.5rem;}
.teacher{ float:left; width:4.6rem; margin-left:0.55rem; background:#f6f6f6; margin-bottom:0.5rem;}
.teacher_img img{ border:0.1rem solid #fff; width:3.2rem; height:3.2rem; margin:0.5rem auto; border-radius:3.6rem;}
.teacher{ text-align:center;}
.teacher h3{ font-size:0.5rem; color:#000000; font-weight:normal;}
.teacher h4{ font-size:0.3rem; color:#909090; margin:0.2rem 0; font-weight:normal;}
.teacher h5{ background:#449aeb; color:#fff; margin-top:0.2rem; height:0.8rem; line-height:0.8rem; font-weight:normal;}
.teacher h5 span{ font-weight:bold;}
.more{ display:block; width:4rem; height:1rem; line-height:1rem; text-align:center; font-size:0.4rem; margin:0 auto; margin-bottom:0.6rem; border:0.05rem solid #dadada;}

/**copy_right**/
.copy_right{ background:#fff; margin-bottom:2.2rem; padding-bottom:0.8rem; border-top:0.05rem solid #ededed;}
.copy_right a{ display:inline-block; margin:0 0.5rem;}
.choose { width:4.52rem; margin:0 auto; padding-top:0.6rem; margin-bottom:0.6rem; }
.copy_right p{ height:0.5rem; line-height:0.5rem; text-align:center; margin-top:0.2rem; color:#8f8e8e; font-size:0.4rem;}

/**nav_bottom**/
.nav_bottom { background: #f4f4f4;position: fixed;bottom: 0;z-index: 10;height: 2.2rem;width: 16rem;}
.nav_bottom li {  width: 4rem;float: left;text-align: center;font-size: 0.6rem;margin-top: 0.2rem;}
.nav_bottom li img { width: 0.8rem;padding-bottom: 0.1rem; margin:0 auto;}

/*子页面*/
/*course_list*/
.course_list{ background:#fff;  border-top:0.05rem solid #ededed; padding-top:0.1rem; margin-bottom:0.5rem;}
.course_list li{ border-bottom:0.05rem solid #ededed; float:left; width:4rem; height:1.2rem; line-height:1.2rem; text-align:center;}
.course_list li a{ padding:0.15rem 0.2rem;}
.course_list li a:hover{  background:#449aeb; border-radius:0.1rem; color:#fff;}
.course_con{ background:#fff; border-bottom:0.05rem solid #ededed; }
.course_det_img img{ margin:0.5rem; float:left; border:0.05rem solid #ededed; border-radius:0.2rem; width:4rem;}
.course_text_con{ float:left; margin-top:0.5rem; width:10.5rem; position:relative;}
.course_text_con h3{ font-size:0.56rem; margin-bottom:0.2rem; margin-top:0.2rem;}
.course_text_con p{ font-size:0.5rem; line-height:0.8rem;}
.load_more{ text-align: center;font-size: 0.5rem; background:#fff; }
.load_more a {display: block;background: url(../images/row.png) left center no-repeat;background-size: 0.5rem 1rem;
width: 3rem;margin:0rem auto 0rem; padding:0.8rem 0.2rem;}
.sub_title{ margin:0.6rem 0.5rem; font-size:0.6rem; color:#404040;}
.course_list_box{  border-top:0.05rem solid #ededed; background:#fff;} 

/**teacher**/
.teacher_list{  border-top:0.05rem solid #ededed; background:#fff; padding:0.5rem 0;}
.teacher_box{ width:14rem; margin:0 auto; background:#28b1e5; border-radius:0.2rem;}
.teacher_img_box{ float:left; margin-left:0.5rem;}
.teacher_img_box img{border: 0.1rem solid #fff;width: 3.2rem;height: 3.2rem;margin: 0.5rem auto;border-radius: 3.6rem;}
.teacher_text{ float:left; margin-left:0.5rem; border-right:0.03rem solid #1a96c5; margin-top:0.6rem; padding-right:0.8rem;}
.teacher_text h3{ margin-top:0.8rem; color:#fff; font-size:0.56rem;}
.teacher_text h4 { color:#fff; font-size:0.48rem; font-weight:normal; margin-bottom:0.5rem; margin-top:0.2rem; padding-bottom:0.3rem;}
.teacher_right{ float:left; border-left:0.03rem solid #4bc7f6; margin-top:0.6rem; padding-bottom:0.6rem;}
.tel_btn{ margin-top:0.5rem; padding-left:1rem; color:#fff;}
.tel_btn a{ display:inline-block; font-size:0.5rem; color:#fff; height:0.8rem; line-height:0.8rem; padding:0 0.2rem; border-radius:0.1rem; }
.tel_btn span{ font-size:0.4rem;}
.tel_btn1{ background:#fbc715; color:#fff; }
.tel_btn2{ background:#fff; color:#505050;}
.tel_btn1 .tel_btn_text1{ background:url(../images/tel_icon.png) left center no-repeat; padding-left:0.3rem; background-size:0.4rem; padding-left:0.5rem;}
.tel_btn2 .tel_btn_text2{ background:url(../images/message.png) left center no-repeat; padding-left:0.3rem; background-size:0.4rem; padding-left:0.5rem; color:#505050;}
.teacher_list .text{ width:12.4rem; margin:0.5rem auto; border:0.05rem dashed #c9c9c9; border-radius:0.2rem; padding:0 0.8rem 0.8rem;}
.teacher_list .text h3{ margin:0.5rem 0;}
.teacher_name{ margin-top:0.5rem; font-size:0.5rem; color:#7c7c7c;}
.teacher_name .peo_num{ background:url(../images/people.jpg) left center no-repeat; padding-left:0.6rem; margin-left:0.4rem; background-size:0.5rem 0.412rem; color:#7c7c7c; font-size:0.4rem;}
.teacher_name .message{ background:url(../images/say.jpg) left center no-repeat; padding-left:0.6rem; margin-left:0.4rem; background-size: 0.428rem 0.38rem; color:#7c7c7c; font-size:0.4rem;}
.learn{ position:absolute; background:#ff8400; padding:0.1rem; border-radius:0.1rem; right:0; top:0.2rem;}
.learn a{color:#fff; }
.course_li { background:#fff; border-top:0.05rem solid #ededed;}
.course_li .main{ background:#fff; width:15rem; padding:0 0.5rem; padding-bottom:0.5rem; margin-bottom:0.4rem; border-bottom:0.05rem solid #ededed; }
.course_li .main h3{ padding-left:0.5rem; background:url(../images/round_icon.png) left center no-repeat; font-size:0.64rem;  background-size:0.28rem; line-height:1.6rem;}
.course_li .main .course_title{ width:15rem; margin:0 auto;}
.course_li .main h4 { background:#f8f8f8; position:relative; height:0.9rem; line-height:0.9rem; border:0.05rem solid #dedede;}
.course_li .main h4 span{  background:url(../images/sub_mune.png) left center no-repeat; padding-left:0.6rem; margin-left:0.3rem; background-size:0.42rem; font-weight:normal; }
.qq_btn{ position:absolute; top:0.12rem; right:0.2rem; font-weight:normal; background:#9e9e9e; font-size:0.32rem; width:2.2rem; padding-left:0.18rem; height:0.64rem; line-height:0.64rem; border-radius:0.2rem; }
.qq_btn a{ background:url(../images/qq_icon.png) left center no-repeat; color:#fff; background-size:0.36rem 0.432rem; padding-left:0.6rem;}
.course_li .main ul{ border:0.05rem solid #ededed; border-top:none; margin-bottom:0.5rem; padding-bottom:0.5rem;}
.course_li .main ul li{ margin-left:0.5rem; height:1rem; line-height:1rem; background:url(../images/circle.png) left center no-repeat; padding-left:0.5rem; background-size:0.32rem;}

/**practice**/
.practice_box{ background:#fff;}
.practice_box section h3{ padding-left: 0.5rem;background: url(../images/round_icon.png) left center no-repeat;font-size: 0.64rem;background-size: 0.28rem;line-height: 1.6rem; position:relative;}
.practice_box section h3 a{ display:block; position:absolute; right:0.5rem; top:0.5rem; font-size:0.36rem; font-weight:normal; color:#fff; background:#fd9808;border-radius:0.5rem;}
.practice_box section h3 a span{ background:url(../images/qq_icon.png) left center no-repeat;  background-size: 0.36rem 0.432rem;padding-left: 0.4rem; display:block; height:0.64rem; line-height:0.64rem; width:1.8rem; margin-left:0.3rem;}
.practice_box section h4{  background:#449aeb; height:1.2rem; line-height:1.2rem; border:0.05rem solid #ededed; border-bottom:none;}
.practice_box section h4 span{ background:url(../images/practice_mune.png) left center no-repeat; color:#fff; background-size:0.6rem; padding-left:0.68rem; margin-left:0.4rem; display:inline-block;}
.practice_box section{ width:15rem; padding:0 0.5rem; margin:0 auto; padding-bottom:0.5rem; margin-bottom:0.3rem; border-bottom:0.05rem solid #ededed;}
.practice_table tr{ height:1.2rem; line-height:1.2rem; text-align:center; }
.practice_table .practice_title{ background:#eaf3fc; text-align:center;}
.practice_table .practice_td{ width:50%;}
.practice_table .practice_bg{ background:#f7f7f7;}
.practice_table .qq{ }
.practice_table .qq a{ display:block; background:#449aeb; border-radius:0.2rem; height:0.8rem; line-height:0.8rem; width:70%; margin:0 auto; color:#fff;}
.practice_table .qq span{ background:url(../images/qq_btn.png) left center no-repeat; background-size:0.45rem 0.54rem; padding-left:25%;}

/**answer**/
.answer_box{ background:#fff; border-bottom:0.05rem solid #ededed;border-top:0.05rem solid #ededed; margin-bottom:0.5rem; padding-top:0.5rem; padding-bottom:0.5rem;}
.answer_box h3{ text-align:center; margin:0rem auto; padding:0.5rem;}
.answer_box textarea{width:12rem; margin:0 auto; display:block; height:4rem;border:0.05rem solid #ededed; border-radius:0.2rem; font-size:0.4rem; padding:0.5rem;
line-height:0.6rem; margin-bottom:0.3rem; } 
.btns{ width:8.4rem; margin:0 auto;}
.btns a{ width:3.2rem; margin:0.5rem; display:inline-block; height:1rem; line-height:1rem; border-radius:0.1rem; text-align:center; color:#fff;} 
.sumbit{ background:#ff9c00; color:#fff;}
.reset{ background:#389cfa; color:#fff;}
.nate{ width:12rem; margin:0.2rem auto; line-height:0.9rem; }
.related_pro{ background:#fff; padding-top:0.5rem; border-top:0.05rem solid  #ededed; border-bottom:0.05rem solid #ededed; margin-bottom:0.5rem; }
.related_pro h3{border-left: 0.1rem solid #075eae; padding-left: 0.2rem;  margin:0 0.2rem;}
.related_title{ border-bottom: 0.05rem solid #d9d9d9;padding-bottom: 0.1rem;position: relative;margin: 0 0.5rem;padding-bottom: 0.2rem;}
.related_pro ul{ width:14.6rem; margin:0 auto; padding-bottom:0.5rem; }
.related_pro ul li{ height:1rem; line-height:1rem; border-bottom:0.05rem dashed #ededed; padding-left:0.4rem; background:url(../images/spot.jpg) left center no-repeat; background-size:0.1rem;}
.answer_text{ width:14.6rem; margin:0.8rem auto;}
.answer_text span{ display:block; float:left; width:2rem;}
.answer_text .answer_text_p{ float:left; width:11.7rem; padding:0.4rem; border:0.05rem solid #ededed; line-height:0.8rem; border-radius:0.2rem;}
/**register**/
.login_box { background:#f8f8f8; border-bottom:0.05rem solid #ededed;border-top:0.05rem solid #ededed; margin-bottom:2.2rem; }
.login_box .kjb_icon img{ width:6rem; height:6rem; border:0.05rem solid #e8e8e8; border-radius:4rem; margin:1.2rem auto 0.5rem;}
.register{ width:13rem; margin:0.5rem  auto 0;}
.tel_num{ display:block; height:1.4rem; line-height:1.4rem;  margin:0.5rem auto; border:0.05rem solid #ededed; width:12rem; font-size:0.5rem; border-radius:0.2rem; font-family:"微软雅黑"; padding-left:0.6rem;}
.register a{ display:block; background:#449aeb; line-height:1.2rem; text-align:center; color:#fff; width:12.7rem; margin:0 auto; margin-top:0.8rem; border-radius:0.2rem; font-size:0.5rem; }
.register p{ margin:0.5rem 0; background:url(../images/right_icon.png) left center no-repeat; background-size:0.56rem; padding:0.1rem 0.8rem; margin-left:0.5rem;}
.login_box h3{ font-size:0.6rem; text-align:center; font-weight:normal; line-height:1.2rem; }
/**me**/
.me_box{ background:#5fcbfd; text-align:center; padding-top:1.2rem; padding-bottom:2.2rem;}
.me_box .kjb_icon img{ width:5.2rem; margin:0.5rem auto;}
.me_box h3{ font-size:0.6rem; text-align:center; font-weight:normal; line-height:0.8rem; color:#fff;} 
.login_img img{ width:10rem; margin:1rem auto;}
.login_btns{ width:12rem; margin:1.5rem auto 0.5rem;}
.login_btns a{ font-size:0.5rem; display:inline-block; width:4rem; border:0.05rem solid #fff; color:#fff; border-radius:0.5rem; height:1rem; line-height:1rem; margin:0.5rem;}