@charset "utf-8";
/* 全局 */
html, body{height:100%; width:100%; margin:0px; padding:0px;}
body{ font-family:"宋体", STHeiti, "Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:14px; padding:0px; margin:0px;}
body,ul,li,p,div,h1,h2,h3,h4,h5,h6,img,input{margin:0; padding:0; list-style:none;}
a{ color:#666666; text-decoration:none;}
.button{ color:#FFF; text-decoration:none;}
.fl_l{ float:left;}
.fl_r{ float:right;}
.clear{ clear:both;}
input {outline: none;}
/* 文字 */
.font_text {font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;}
/*页头部分*/
.head{ width:100%; height:50px; background:#353C3E;}
.headh{width:1100px; height:40px; margin:0 auto; position:relative;}
.logo{ width:58px; height:48px; left:0; position:absolute;}
.head_r{ margin:15px; float:right; font-family: 'Microsoft YaHei',arial, sans-serif;font-size:14px;color:#CCCCCC;}
.head_r span {padding:5px 10px;cursor:pointer; margin-right:6px;}
.head_r span:hover {padding:5px 10px;background:#FFF;border-radius:5px;color:#ED6D00;}
/*页面顶部导航*/
.global{width:100%; height:100px; background:url(../../images/header_footer/bg-dh.png) repeat; overflow:hidden; font-size:12px;}
.globalink{width:945px; height:60px; margin:30px auto;}
.globalink li{margin:0 30px; float:left; text-align:center;}
.globalink a{color:#4D5159;}
.globalink a:hover{ color:#000;}
/*导航部分——实现方式二*/
.gkbg{ background:url(../../images/header_footer/icon.png) no-repeat; padding-top:40px; height:20px; cursor:pointer; color:#4B5258;}
.gkbg:hover{ color:#ED6D00;}
.gk_01{ background-position:12px 0px;}
.gk_01:hover{ background-position:-58px 0px;}
.gk_01_hover{ background-position:-58px 0px; color:#ED6D00;}
.gk_02{background-position:10px -60px;}
.gk_02:hover{ background-position:-60px -60px;}
.gk_02_hover{ background-position:-60px -60px; color:#ED6D00;}
.gk_03{background-position:10px -120px;}
.gk_03:hover{ background-position:-60px -120px;}
.gk_03_hover{ background-position:-60px -120px; color:#ED6D00;}
.gk_04{background-position:12px -179px;}
.gk_04:hover{ background-position:-58px -179px;}
.gk_04_hover{ background-position:-58px -179px; color:#ED6D00;}
.gk_05{background-position:6px -548px;}
.gk_05:hover{ background-position:-64px -548px;}
.gk_05_hover{ background-position:-64px -548px; color:#ED6D00;}
.gk_06{background-position:8px -298px;}
.gk_06:hover{ background-position:-62px -298px;}
.gk_06_hover{ background-position:-62px -298px; color:#ED6D00;}
.gk_07{background-position:10px -360px;}
.gk_07:hover{ background-position:-60px -360px;}
.gk_07_hover{ background-position:-60px -360px; color:#ED6D00;}
.gk_08{background-position:10px -430px; }
.gk_08:hover{ background-position:-60px -430px;}
.gk_08_hover{ background-position:-60px -430px; color:#ED6D00;}
.gk_09{background-position:10px -488px;}
.gk_09:hover{ background-position:-60px -488px;}
.gk_09_hover{ background-position:-60px -488px; color:#ED6D00;}
/*页面所用字体*/
.fontyh{ font-family: 'Microsoft YaHei',arial, sans-serif;}
.fontht{ font-family:'黑体';}
.fontgray {color:gray;}
.fontc44 {color:#444444;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font30 {font-size:30px;}
.font40 {font-size:40px;}
.font20 {font-size:20px;}
.font24 {font-size:24px;}
.font26 {font-size:26px;}
.font12 {font-size:12px;}
/*颜色*/
.cwhite{ color:#FFF;}
.c0{ color:#000;}
.c333{ color:#333;}
.c666{ color:#666;}
.c999{ color:#999;}
.cc{ color:#CCC;}
.c1f{ color:#1F1F1F;}
.cwhite{ color:#FFF;}
.cblue1{ color:#4B6BB6;}
/*行高*/
.linet20{ line-height:20px;}
.linet24{ line-height:24px;}
.linet36{ line-height:36px;}
.linet60{ line-height:60px;}
/* 乐学100怎么学 */
.koubei1{background:#F1F1F1;padding:15px 35px;line-height:26px;color:#666666;font-size:14px;}
.koubei2{background:url(../../images/mk/howstudy/sanjiao.jpg) no-repeat;padding:10px 35px;font-size:12px;font-weight:bold;}
/*页脚版权*/
.foot{ width:100%; height:309px; background:url(../../images/header_footer/bg_foot.png) repeat; overflow:hidden;}
.footer{ width:1000px; margin-top:40px !important; margin:0 auto;}
.ft_l{ height:60px; padding-left:70px; line-height:30px; background:url(../../images/header_footer/logo_foot.png) no-repeat; float:left;}
.ft_r{ padding-left:22px; background:url(../../images/header_footer/icon-foot.png) no-repeat; float:right;}
.ft_r a{ color:#999999; text-decoration:none;font-size:12px;}
.ft_r a:hover{ color:#3399FF; text-decoration:none;font-size:12px;}
/* 页脚保障信息 */
.indem{ width:1000px; margin:40px auto; padding-bottom:30px; border-bottom:1px solid #DDD; font-family: 'Microsoft YaHei',arial, sans-serif; overflow:hidden;}
.indem li{ margin:0 25px; float:left; text-align:center; padding-top:40px; line-height:22px; cursor:pointer;}
.imbg{ background:url(../../images/header_footer/icon_ft.png) no-repeat;}
.imbg:hover{ color:#000;}
.im_01{ background-position:85px 0px; margin-left:0px !important;}
.im_01:hover{ background-position:85px -90px;}
.im_02{ background-position:-78px 0px;}
.im_02:hover{ background-position:-78px -90px;}
.im_03{ background-position:-230px 0px;}
.im_03:hover{ background-position:-230px -90px;}
.im_04{ background-position:-380px 0px; margin-right:0px !important;}
.im_04:hover{ background-position:-380px -90px;}
/*商城礼品 */
.red_01{ color:#FF2800;}
.ml_10{ margin-left:10px !important;}
.mt_10{ margin-top:10px !important;}
.font14{font-size:14px;}
.selected{ background:#FF6600; color:#FFF; cursor:pointer;}
.normal{ background:#ECECFB; color:#666; cursor:pointer;}
.present{ width:920px; margin:0 auto;}
.present li{ width:198px; height:261px; margin:30px 16px 0 16px; float:left;}
.present p{ color:#666; margin:8px auto;}
.presentimg{ width:190px; height:160px; padding:4px; border:1px solid #E8E8E8;}
.gift{ height:278px; background:#F0F0F0; border-radius:5px; overflow:hidden; float:left; margin:5px 5px;}
.giftimg{ width:216px; height:210px; text-align:center; margin:8px; border:1px solid #E7E7E7; background:#FFF; overflow:hidden; position:relative;}
.btnhg{ width:62px; height:27px; font-size:12px; line-height:27px; text-align:center; background:#FF6D0C; position:absolute; right:0px; top:26px; cursor:pointer;color:#FFF;}
.detail{width:216px; font-size:12px; color:#666; margin:5px auto; text-align:left;}
.corange{ color:#FF6D0C;}
.linet20{ line-height:20px;}
/*排序标签*/
.sort{ margin:0 auto; overflow: hidden;}
.sort a{ display:block; text-decoration:none; padding:3px 10px; margin:0 5px; font-size:12px; float:left;}
.sort_normal{ background:#FFF; border:1px solid #C7CCCB; color:#666;}
.sort_onclick{ background:#DB4847; border:1px solid #DB4847; color:#FFF; font-weight:bold; }
.fl_l{float:left;}
/*分页*/
.page{ width:100%; overflow:hidden; margin:10px auto 20px auto;}
.page li{ padding:4px 7px; text-align:center; border:1px solid #F7C4CD; margin:10px 1px; float:left; cursor:pointer;}
.page_l{ color:#DE1620; background:#FFF;}
.page_h{ color:#FFFFFF; background:#DE1620;}
/* 购物车 */
.hot_kc {margin-top: 20px; height: 40px; font-size:14px; line-height: 40px; border: 1px solid #ffc800;background: #ffffe6;}
.hot_kc ul li {float: left;margin-left: 20px;font-weight: bold;}
.num_text {width: 34px;border: 1px solid #ddd;border-top-color: #aaa;border-left-color: #aaa;padding-top: 2px;overflow: hidden;text-align: center;background-color: #fff;}
.num_crement {cursor:pointer;background-color:#FFF;border: 1px solid #ccc;text-decoration: none;width:13px;height:23px;}
.num_crement:hover{text-decoration: none;color: #333;border: 1px solid #999;}
.progress1 {font: 14px/150% Arial,Verdana,"\5b8b\4f53";}
.progress1 .progress1-1 {background: url(../../images/mk/sign/cart_step1.png) no-repeat;width: 481px;padding-top: 23px;overflow: hidden;}
.progress1 .progress1-2 {background: url(../../images/mk/sign/cart_step2.png) no-repeat;width: 481px;padding-top: 23px;overflow: hidden;}
.progress1 .progress1-3 {background: url(../../images/mk/sign/cart_step3.png) no-repeat;width: 481px;padding-top: 23px;overflow: hidden;}
.progress1 ul li{float: left;}
.progress1 li {width: 160px;float: left;text-align: center;}
/* 提示框 */
.msg_tips {width:680px;border: 1px solid #e1e1e1;background: #fff;-webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.05);margin: 10px 18px;overflow: hidden;}
.i_tips {width: 27px;height: 25px;float: left;display: inline-block;background: url(../../images/reg_new/i_tips.png) 0 0;vertical-align: middle;}
.p_tips {padding: 5px 10px;float: left;}
/* 商城礼品 */
.intro{ width:900px; margin-top:10px; margin-bottom:10px; overflow:hidden;}
.intro li{ width:140px; height:225px; margin:0 20px 20px 20px; float:left; background:url(../../images/student/bg_app.png) no-repeat 0 0; overflow:hidden;}
.intro li img{ padding:5px 5px 14px 5px;}
.intro p{ margin:0 0 3px 0; padding:0;font-size:12px;}
/*学习加油站——左侧导航*/
.dh_left{ width:140px; height:276px; border-top:1px solid #EEE; border-right:1px solid #EEE; border-bottom:1px solid #EEE; border-top-right-radius:10px; border-bottom-right-radius:10px; background:#FFF; padding-top:20px; padding-left:20px;}
.art_div li{ font-size:12px; color:#777; line-height:32px; padding-left:22px; background:url(../../images/mk/article/icon-jyz.png) no-repeat 0 12px;}
/*学习加油站——右侧模块*/
.jiayouz{ width:400px; height:400px; border:1px solid #DDD; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); overflow:hidden;background-color:#FFF;}
.jztop{ margin-top:15px; margin-left:18px;}
.lanmu{ line-height:22px; background:url(../../images/mk/article/yh.png) no-repeat; padding-left:30px;}
.new{ width:34px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#FFF;}
.newbg1{ background:#4B6BB6;}
.jzimg{ width:236px;}
.jztext{ width:203px; margin:15px auto; color:#878787; line-height:22px;}
/*学习加油站详情页*/
.article{ width:760px; background:#F9F9F9; border:1px solid #EEEEEE; margin:20px auto;}
.a_title{ width:620px; margin:50px auto 0 auto; text-align:center;}
.a_detail{ width:620px; font-size:14px; color:#666; line-height:26px; margin:0 auto 30px auto;}
.a_detail p{ margin:25px 0px; padding:0px;}
/* 购买课程卡 */
.grade_sel{float:left;width:190px;height:47px;background:url(../../images/mk/sign/grade_bg.png) no-repeat;color:#FFFFFF;margin-right:10px;cursor:pointer;}
.grade_normal{float:left;width:190px;height:47px;color:#666666;margin-right:10px;cursor:pointer;}
.grade_normal_div{height:38px;border:1px solid #CCCCCC;background-color:#EEEEEE;}
.buy_bg {float:left;width:180px;height:183px;background:url(../../images/mk/sign/buy_bg.jpg) no-repeat;margin-right:20px;}
.buy_bg table{padding:10px;}
/* 课程介绍相关样式 */
.course_detail_sel {color:red;}
/* 年级选择样式 */
.grade_sel_new{background:url(../../images/mk/sign/sel_grade_bg.png) no-repeat;color:#000000;cursor:pointer;}
/* 课程卡选择样式 */
.card_sel_new{background:url(../../images/mk/sign/sel_grade_bg.png) no-repeat;color:#000000;cursor:pointer;width:100px;}
.card_normal_new{border:1px solid #DDDDDD;cursor:pointer;width:100px;color:#000000;cursor:pointer;}
/*加入我们*/
.join{ font-size:14px; color:#333; line-height:40px;}
.join_titile_y{ font-size:22px; color:#F36E00; text-align:center;}
.j_text{ width:86%; line-height:28px; font-size:14px; color:#666666; margin:10px auto;}
.j_img{ width:86%; margin:20px auto; text-align:center;}
.j_img img{ width:100%;}
.join_advantage{ background:url(../../images/mk/joinus/line_right.png) no-repeat right;}
.join_position{}
.jp_left{ background:#FAFAFA; font-size:14px; color:#8C8C8C; padding:10px 20px;}
.jp_left li{ line-height:45px; border-bottom:1px solid #E6E9EE;}
.jp_left li a{ color:#8C8C8C; text-decoration:none;}
.jp_left li a:hover{ color:#333; text-decoration:none;}
.hot_titile{ font-size:18px; }
.jp_step{ font-size:18px; background:#00A3D9; line-height:50px; text-align:center;}
.jp_step a{ color:#FFF; text-decoration:none;}
.jp_step a:hover{ color:#FFF; text-decoration:underline;}
.jp_right_top{ padding:20px; border-bottom:1px solid #DFDFDF; font-size:14px; color:#333;}
.jp_right_top a{ padding:0 10px; color:#333; text-decoration:none;}
.jp_right_top a:hover{ padding:0 10px; color:#FF4000; text-decoration:none;}
a.orange{ color:#FF4000;}
.position_header{ padding:20px; border-bottom:1px solid #EEEEEE; color:#000; overflow: hidden; font-size:14px;}
.position_header li{ width:25%; float:left;}
.position_name{ padding:15px 20px; border-bottom:1px solid #EEEEEE; color:#777; overflow: hidden; font-size:14px;}
.position_name li{ width:25%; float:left;}
.position_name li a{ color:#777; text-decoration:none;}
.position_name li a:hover{ color:#FF4000; text-decoration:none;}
.time table{ width:100%; margin:0 auto;}
.time table td img{}
.position_detail{ padding:20px; font-size:16px; color:#888; overflow:hidden;}
.pl_l{ width:15%; line-height:36px; float:left;}
.pl_r{ width:85%; line-height:36px; float:right;}
.plbg{ border:1px solid #FFEEB9;background:#FFFAE6; padding:20px; line-height:28px;}
.l{
float:left;
display:inline;
}
.r{
float:right;
display:inline;
}
.box{
width:97%;
height:312px;
margin:0 auto;
margin-top:10px;
}
.box .one{
width:20%;
height:100%;
float:left;
}
.box .one .top{
width:100%;
height:50%;
overflow:hidden;
position:relative;
}
.box .one .top .text{
position:absolute;
z-index:1;
left:0;top:0;
}
.box .one .top .img{
position:absolute;
width:100%;
height:100%;
background-color:black;
}
.box .one .top .img img{
position:absolute;
left:0;top:0;
}
.box .two{
width:40%;
height:100%;
float:left;
position:relative;
overflow:hidden;
}
.box .two .text{
position:absolute;
z-index:1;
left:0 ;
top:0;
}
.box .two .img{
position:absolute;
width:100%;
height:100%;
left:0;top:0;
background-color:black;
}
.box .two .img img{
position:absolute;
}
/**
合作校登录框样式
.login_box{ width:100%; height:360px; border-radius:10px; box-shadow:1px 1px 3px #999; overflow:hidden; background:#FFF; padding:20px 30px;}
.login_t{ text-align:center; font-size:18px; color:#000; }
.seletbox{ margin-top:20px; margin-bottom:20px; overflow:hidden; }
.bg_seleted{ width:72px; height:34px; background:url(../../images/mk/lxsch/btn_stu.png) no-repeat; line-height:30px; text-align:center; font-size:14px; color:#FFF; float:left; margin:0 10px;}
.bg_seleted a{ color:#FFF; text-decoration:none;}
.bg_normal{ width:72px; height:34px; line-height:30px; text-align:center; font-size:14px; color:#666; float:left; margin:0 10px;}
.bg_normal a{ color:#666; text-decoration:none;}
.login_input{ margin:16px 0px;}
.login_remeber{ margin:22px 0px;}
.login_btn{ margin-top:30px;}
**/
/*家长专区页面*/
.logo_hzx{ overflow:hidden;}
.logo_hzx li{ margin:3px; height:122px; float:left;}
.hzx-bg {width:100%; height:460px; background:url(../../images/mk/lxsch/bg-hzx.jpg) no-repeat top center; padding-top:50px;margin-top: 80px; }
.left_img{ width:100%; height:360px; border-radius:10px; box-shadow:3px 3px 3px #999; overflow:hidden;}
.left_img img{ width:100%; height:100%; }
.btn_size{ width:45%;}
.school-logo{ height:100px;}
.school-logo img{ margin-top:12px;}
.school-global{ height:60px; background:#F4F4F4;}
.nav-s a{ color:#666;}
.nav-s a:hover{ color:#000; text-decoration:none;}
.navbar-nav-s{ padding-top:12px !important;}
.navbar-nav-s li{ float:left; padding:5px 20px;}
.navbar-nav li a { padding: 7px 14px}
.active_line{ border-bottom:2px solid #89BCD5;}
.nav li a{ text-decoration:none;}
.nav_r{ float:right;}
.nav_r li{ margin-top:8px; font-size:14px;}
.nav_r li a{ color:#666;}
.nav_r li a:hover{ color:#000;}
.school-logo-link{ overflow:hidden;}
.school-logo-link li{ margin:3px; width:176px; height:120px; border:1px solid #DDD; float:left; text-align:center; padding-top:14px;}
.school-logo-link a{ color:#666; text-decoration:none;}
.school-logo-link a:hover{ color:#666; text-decoration:none;}
.sl_img{ width:100%; height:72px; text-align:center; vertical-align:middle; overflow:hidden;}
.sl_text{ width:100%; text-align:center; padding-top:2px; overflow:hidden;}
.school-logo-top{ height:100px;}
.slt_img{ height:72px; margin-top:12px; overflow:hidden;}
.slt_img_text{ height:72px; margin-top:12px; overflow:hidden; font-size:28px; color:#333;}
/* 鼠标经过学生头像显示用户信息 */
.touxiang_hover{
background-color:#FFFFFF;
padding:4px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
width:260px;
height:auto;
position:absolute;
z-index:9999;
display:block;
}