.user_head{ width: 50px; height: 50px; border-radius: 50%;   }
.tit_blue{ height: 20px; line-height: 20px; margin-bottom: 20px; border-left: 6px solid #2693e0; font-size: 16px; padding-left: 10px; }
.tag{border-radius: 25px; padding: 2px 8px; font-size: 12px; min-width: 50px; text-align: center; }
.tag.orange{ border: 1px solid #ff6600; color: #ff6600; }
.tag.gray{ border: 1px solid #ccc; color: #999; }
.layui-upload-file { display: none !important; opacity: .01; filter: Alpha(opacity=1); }

/*��¼,ע��*/
.login{ background: url(../image/login_bg.jpg) center top no-repeat; height: 800px; }
.login .nav{ padding-top: 30px; }
.login .nav .logo{ font-size: 36px; font-weight: bold; color: #fff; }
.login .nav .btn{ line-height: 40px; padding: 0px 20px; border-radius: 20px; font-size: 18px; color: #fff; border:1px solid #fff; background:rgba(255,255,255,0);  }
.login .nav .btn:hover{border-width:2px;}
.login_box{ width: 390px; margin: 30px auto; background: #fff; border-radius: 10px; padding: 30px; }
.login_box h2{ font-size: 26px; color: #2693e0; font-weight: bold;  }
.login_box .error_tips{ height: 35px; line-height: 35px; color: #ff6600; font-size: 12px; }
.login_box .input_text{ padding: 10px 20px 10px 40px; border: 1px solid #e6e6e6; border-radius: 40px; }
.login_box .item.pl0 .input_text{padding-left: 20px;}
.login_box .identify .input_text{ padding-right: 120px; }
.login_box .item>.iconfont{ position: absolute; left: 13px; top: 7px; line-height: 30px; color: #ccc; font-size: 22px; }
.login_box .item>.icon-phone{ font-size: 24px; }
.login_box .btn_blue{ border-radius: 46px;  padding: 8px 0px; width: 100%; font-size: 20px; }
.login_box .checkbox_inline{ color: #666; }
.login_box .td_line{ text-decoration: underline; }
.other h3{ border-top: 1px solid #ccc; text-align: center; margin-top: 30px; font-size: 14px; color: #999; }
.other h3 span{ position: relative; top: -12px; background: #fff; padding: 0 10px; }
.other a{ display: inline-block; width: 80px; text-align: center; }
.other a .iconfont{ display: block; color: #56b72b; font-size: 40px; }
.login_box .radio .btn{ padding: 0px 20px 0 10px; margin-right: 10px; border: 1px solid #2693e0; color: #2693e0; border-radius: 40px; height: 32px; line-height: 32px; }
.login_box .radio input{ display: none; }
.login_box .radio input:checked + .btn{ background: #2693e0; color: #fff; }
.login_box .radio .iconfont{ margin-right: 3px; vertical-align: middle; height: 34px; line-height: 34px; font-size: 22px; }
.login_box #verifyimg{ width: 48%; height: 40px; cursor: pointer; }
.login_box .get_vcode{ position: absolute; right: 20px; top: 10px; }
.login_box .get_vcode.disabled{ color: #999; }
.login_box .agreement{ position: relative;  }
.login_box .agreement label.error{ position: absolute; right: 0px; top: -5px;  }

/*��������*/
.password{ background: #fff; margin: 20px auto; padding: 40px 0px; overflow: hidden;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box  }
.password .form{ width: 60%; margin: 90px auto; }
.password .form .item{ margin-bottom: 20px; }
.password .form .static{ font-weight: bold; }
.password .form .btn_submit{ padding: 6px 50px; margin-left: 10px; }
.password .form .btn.disabled{ background: #f0f0f0; border-color:#ddd; color: #bbb; }
.password .success{ text-align: center; margin: 90px auto;}
.password .success p{ font-size: 24px;  margin-bottom: 30px; }
.password .success .btn{ padding: 6px 50px;  }

/*�γ��б�*/
.teacher_pic{ padding: 20px 0px; border-radius: 5px; margin-bottom: 20px; background: #ece7de; text-align: center; }
.teacher_pic img{ width: 100px; height: 100px; border-radius: 50%; }
.course{ padding-bottom: 30px; }
.course_banner{ background: url(../image/banner.jpg) #ece5df center top no-repeat; height: 340px;}
.course_filter{ background: #f8f8f8; border-bottom: 1px solid #d2d2d2; padding: 20px 0px 10px; }
.course_filter .filter_item{ margin-bottom: 10px; font-size: 0px; }
.course_filter .filter_item a{ display: inline-block; font-size: 13px; height: 33px; line-height: 33px; padding: 0 17px; }
.course_filter .filter_item a.on{ background: #2693e0; color: #fff; border-radius: 33px; }
.course_filter .filter_item .line{ display: inline-block; vertical-align: bottom; height: 13px; border-left: 1px solid #d2d2d2; margin: 10px 16px; }
.course_list{ padding-top: 30px; }
.course_list li { transform: translate3d(0, 0, 0);cursor: pointer; width: 390px; padding: 20px; margin-bottom: 20px; margin-right: 15px; background: #fff; border-radius: 5px; box-shadow: 0px 1px 1px rgba(0, 0, 0, .2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -o-transition: -o-transform .2s linear; transition: -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear, transform .2s linear; }
.course_list li p.size20{ height: 56px; overflow: hidden; }
.course_list li:nth-child(3n){ margin-right: 0px; }
.course_list li:hover {box-shadow: 0px 1px 3px rgba(0,0,0,.2); webkit-transform: translate3d(0, -2px, 0); -moz-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); -o-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.course_list .teacher span{ display: inline-block; min-width: 60px; text-align: center; }
.course_list .teacher span em { display: block; height: 20px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; word-wrap: normal; }
.course_list .teacher img{ display: block; width: 40px; height:40px; margin: 0 auto; border-radius: 50%;  }
.course_list .price{ border-top: 1px solid #eee; padding: 20px; margin: 20px  -20px -20px; }

/*�����*/
.detail_box{ background: #d9eeff; padding: 28px 0px; }
.detail_left{ width: 865px;}
.detail_right{ width: 320px;  }
.detail_right .introduce{background: #f7f7f7; padding: 10px; width: 300px; margin-top: 25px; }
.detail_right .introduce.fixed{ position: fixed; top: 60px; right: 50%; margin-right: -600px;  z-index: 99; }
.detail_right .introduce h2{ height: 50px; font-size: 20px; line-height: 50px; margin-bottom: 0px; padding-left: 10px; }
.detail_right .introduce_item{padding: 0px 25px; background: #fff; }
.detail_right .introduce .step{ padding: 20px 0px; border-bottom: 1px solid #f7f7f7; }
.detail_right .introduce i{  height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: 26px; border-radius: 50%; border: 1px solid #2693e0; color: #2693e0; margin-right: 5px; }
.detail_right .introduce .step .t_lightgray{ font-size: 12px; line-height: 20px; }
.detail_right .introduce .step .txt{ margin-left: 70px; font-size: 16px; }
.detail_right .introduce .step .txt p{ margin-bottom: 3px; }
.detail_infor{ padding: 20px 30px; height: 220px; background: #fff;  border-radius: 4px; }
.detail_infor .teacher{ margin-top: 30px; margin-bottom: 20px;}
.detail_infor .img_box img{ width: 640px;  height: 360px;}
.detail_infor .txt{ width: 500px;  }
.detail_infor .txt h2{ font-size: 20px; margin-bottom: 20px; margin-top: 10px; }
.detail_infor .txt p{color: #999; margin-bottom: 10px;}
.detail_infor .txt .price{padding: 40px 0px 20px; margin: 20px 0 10px; border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
.detail_infor .txt .t_red{  font-size:28px;  }
.detail_infor .txt .t_red em{ font-size: 18px; }
.detail_infor .txt .btn_box{ position: absolute; left: 0px; bottom:0px; }
.detail_infor .teacher span{ display: inline-block; min-width: 60px; text-align: center; }
.detail_infor .teacher span em { display: block; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; word-wrap: normal; }
.detail_infor .teacher img{ display: block; width: 40px; height:40px; margin: 0 auto; margin-bottom: 3px; border-radius: 50%;  }
.detail_infor .btn_box{ padding: 30px 35px; width: 250px; height: 217px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  background: rgba(217, 238, 255, 1); border-radius: 5px; text-align: right;}
.detail_infor .btn_box .btn{ display: block; font-size: 18px; padding: 8px 37px; opacity:1;filter:alpha(opacity=100); }
.detail_infor .btn_box .size28{ font-size: 32px; }
.detail_infor .btn_box .size28 .size14{ font-size: 20px; }
.detail_infor .btn_box .t_gray{ color: #999; margin-top: 5px; }
.detail_infor .btn_box.teacher_box .size28{ font-size: 50px; margin-top: 20px; }
.detail_infor .btn_box .custom_service{width:300px;margin:30px 0 0 -58px;text-align:center;background:#fff;padding:10px;display:none;position:relative;z-index:1117;}
.detail_infor .btn_box .custom_service .code_box{display:inline-block;}
.detail_infor .btn_box .custom_service .code_box p{font-size:14px;}

.course_features{ background: #ffffff;  border-radius: 4px; padding: 10px 25px; height: 240px;}
.course_features h2{ font-size: 16px; height: 40px; line-height: 40px; }
.course_features li{ float: left; background: #f7f7f7; margin-bottom: 15px; border-radius: 5px; text-align: center; width: 80px; height: 88px; color: #999; margin-right: 15px;}
.course_features li:nth-child(3n){ margin-right: 0px; }
.course_features li .iconfont{ color: #ccc; font-size: 40px; margin: 15px 0px 5px 0px; line-height: 40px; display: inline-block; height: 40px; }
.course_features li .icon-zuoye, .course_features li .icon-ziliao, .course_features li .icon-kebiao{ font-size: 36px; }

.detail_con{  background: #fff; }
.sub{ background: #f7f7f7; height: 60px; line-height: 60px; border-top: 1px solid #fff;  }
.sub .btn{ display: none; }
.sub.fixed{ position: fixed; top: 0px; left:0; width: 100%;  z-index: 99; }
.sub.fixed .btn{ display: block; margin-top: 10px; }
.sub .tab a{ width: 120px; text-align: center; display: inline-block; font-size: 16px; }
.sub .tab a.on{ background: #2693e0; color: #fff; }
.sub .btn.on{background: #2693e0; color: #fff; }
.detail_course{ padding: 36px 15px 36px 0; }
.sub.fixed+.detail_con  .course_info{ padding-top: 60px;  }
.detail_course .tit{ height: 20px; line-height: 20px; margin-bottom: 20px; border-left: 6px solid #2693e0; font-size: 16px; padding-left: 10px; }
.detail_course .tit .more{ font-size: 14px; color: #999; }
.detail_course .tit .more a{ color: #2693e0; }
.detail_course .tit .more a:hover{ color: #2693e0; }
.detail_course .txt{ color: #666; margin-bottom: 50px;  }
.detail_course .period .line{ position: absolute; left: 99px; top: 0px; bottom: 10px; border-left: 1px solid #ddd; }
.detail_course .period ul{ padding: 10px 0px; border-top: 1px solid #ddd; }
.detail_course .period li{ padding: 0 30px; margin-bottom: 15px; }
.detail_course .period li span:first-child{ display: inline-block; width: 50px; }
.detail_course .period li i{ display: inline-block; font-size: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  margin: 0 10px 0 5px; background: #fff;  vertical-align: middle;  border: 2px solid #999; height: 20px; width: 20px; line-height: 20px; padding: 2px; border-radius: 50%; }
.detail_course .period li i:before{content: ""; border-radius: 50%;  display: inline-block; width: 100%; height: 100%; }
.detail_course .period li i.doing:before{background: #2693e0;}
.detail_course .period li i.end:before{ background: #ddd; }
.detail_course .period li i.end{ border-color: #ddd; }
.detail_course .period em{ display: inline-block; width: 60%; vertical-align: middle;  }
.detail_course .qa_info .filter{ padding: 20px 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #eee; }
.detail_course .qa_info .filter a{ margin-right: 3px; }
.detail_course .qa_info .filter a.on{  background:#2693e0; border-color: #2693e0; color: #fff; }
.material{ margin-bottom: 25px; cursor:default;}
.material .item{ background: #f8f8f8; border: 1px solid #f8f8f8; position: relative; border-radius: 100px; padding: 15px 35px 15px 25px; margin-bottom: 15px; }
.material .item>a{ zoom:1; display: block; }
.material .item>a:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;overflow:hidden;}
.material .item .work_infor, .material .item .infor{ width: 70%; }
.material .item .infor{ float: left; }
.material .item .size16{ font-size: 14px; }
.material .item .t_lightgray{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;  word-break: keep-all; word-wrap: normal;}
.material .item:hover .btn_box{ display: block; }
.material .item>.iconfont, .material .item>a>.iconfont{ display: inline-block; margin-right: 20px;  width: 45px; height: 45px;  border: 1px solid #cecece; color: #cecece; border-radius: 50%; text-align: center; line-height: 45px;  background: #fff; font-size: 26px; }
.material .item .btn_bor_orange{border-radius: 25px; padding: 2px 8px; font-size: 12px; min-width: 50px; text-align: center; background: none; cursor: auto; }
.material .item .btn_blue{border-radius: 25px; padding: 6px 15px;}
.material .item .btn_box{ position: absolute; right: 35px; bottom: 10px; display: none; }
.material .item .btn_box>a{display:inline-block;vertical-align:top;width:30px;height:30px;text-align:center;}
.material .item .btn_box .iconfont{ line-height:30px;font-size: 26px; color: #2693e0; }
.material .item .btn_box .icon-guanbi{ font-size: 28px; }
.material .item .btn_box .icon-bianji{line-height:26px;font-size:24px;}
.material.opera .item:hover .btn_blue{ display: block; }
.material .item:hover{ border: 1px solid #2693e0; }
.material .item:hover .work_infor>p:first-child,
.material .item:hover .work_infor>p:first-child>a,
.material .item:hover .infor>p:first-child,
.material .item:hover .infor>p:first-child>a{color:#2693e0;}

/*���֧������*/
.quick_pay{ text-align: center; padding: 10px 20px; }
.quick_pay h2{ height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; font-size: 20px; margin-bottom: 25px; }
.quick_pay .pay_price{ font-size: 34px;  }
.quick_pay .pay_code{ position: relative; width: 130px; height: 130px; margin: 20px auto; font-size: 20px; color: #999; background: #fff url(../image/loading.gif) center center no-repeat;  }
.quick_pay .pay_code img{ width: 100%; height: 100%; }
.quick_pay .pay_code .refresh{  position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;background-color: rgba(0,0,0, 0.5);  text-align: center; }
.quick_pay .pay_code .refresh span{ display: block; font-size: 14px; color: #fff; }
.quick_pay .pay_code .refresh .iconfont{ color: #fff; margin-top: 40px; display: inline-block;  }
.quick_pay .pay_tips{ width: 60%; margin: 0 auto; text-align: center; }
.quick_pay .pay_tips .iconfont{ float: left;width: 36%; text-align: right; }
.quick_pay .pay_tips>span{float: left; width: 55%; margin-left: 5%; margin-top: 6px; text-align: left; }
.quick_pay .pay_tips i{ font-size: 40px; vertical-align: middle; }
.quick_pay .pay_tips .icon-zhifubao{ color: #01aaef;  font-size: 42px;}
.quick_pay .pay_tips .icon-big-WeChat{ color: #02b600; }

/*ѧϰ����*/
.learn_center{ margin: 10px auto 20px; overflow: hidden; }
.learn_left{ width: 220px; background: #fff; padding-bottom:2000px; margin-bottom:-2000px;}
.learn_right{ width: 900px;  padding:15px 30px 30px 30px; background: #fff;padding-bottom:2000px; margin-bottom:-2000px; }
.learn_right:after{ content:""; height: 40px; display: inline-block; }
.learn_left .person{ text-align: center; border-bottom: 5px solid #f8f8f8; padding: 20px 0px; }
.learn_left .person p { margin-left: auto; margin-right: auto; margin-bottom: 5px; max-width:150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; word-wrap: normal; }
.user_pic{ display: inline-block; width: 100px; height:100px;  border-radius: 50%; overflow: hidden; margin-bottom: 10px; }
.user_pic img{ width: 100%; height: 100%; display: block; }
.learn_left .person .btn-exit{ color: #999; background: none; border: 1px solid #e5e5e5; font-size: 12px; padding: 0px 25px; border-radius: 20px; }
.learn_left .person .btn-exit:hover{ color: #2693e0; }
.learn_left .person .btn-blue{ padding: 4px 30px; }
.learn_left .menu_home{ background: #f5f5f5; font-size: 20px; margin: 5px; height: 62px; line-height: 62px; text-align: center;color: #333; }
/*.learn_left .menu_home:hover{background: #f5fafe;color: #2693E0;}*/
.learn_left .menu{ padding: 20px; }
.learn_left .menu a{ display: block; position: relative; margin-left: 40px; margin-bottom: 20px; }
.learn_left .menu a i{ color: #aaa; font-size: 20px; vertical-align: middle; margin-right: 10px; }
.learn_left .menu a i.icon-zuoye{ font-size: 18px; }
.learn_left .menu a:hover i{ color: #2693e0; }
.learn_left .menu a.on, .learn_left .menu a.on i{ color: #2693e0;  }
.learn_left .menu a em{ position: absolute; left: 88px; top: 6px; background: #ff6600; width: 6px; height: 6px; border-radius: 50%; display: inline-block; }
.learn_left .menu .line{ border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }
.learn_left .help_menu a{ display: block; padding: 15px; text-align: center; border-bottom: 1px solid #eee; }
.learn_left .help_menu a.on{ background: #2693e0; color: #fff; }

.user_con{ width: 50%; }
.user_con .user_head{ width: 100px; height: 100px; border-radius: 100px; margin-right: 15px; }
.user_con h2{ font-size: 18px; margin-top: 15px; }
.user_con p{ color: #666; margin-bottom: 8px; }
.user_con .btn{ padding: 2px 8px; font-size: 12px; color: #666; margin-right: 6px; border-color: #d2d2d2;}
.user_info .btn_box{margin-top: 32px; font-size: 0px;}
.user_info .btn_box .btn{ border-radius: 0px; color: #888; padding: 7px 13px; font-size: 14px; margin-right: 10px; }
.user_info .btn_box .btn:hover{ border-color: #2693e0; color: #2693e0; }

.history_see{ font-size: 14px; position: relative; display: inline-block; z-index: 99;  }
.history_see>a{ position: relative; z-index: 100; transition: none; height: 35px; line-height: 35px; width: 198px; color: #888; text-align: center; display: inline-block; border:1px solid #d2d2d2; }
.history_see .no-course{font-size: 12px; padding: 5px; color: #999; text-align: center; }
.history_see .no-course img{ vertical-align: middle; margin-right: 8px; }
.history_see .no-course a{  color: #2693e0; text-decoration: underline; display: inline; padding: 0px 3px; margin: 0px; }
.history_see .no-course a:hover{ background: #fff; }
.history_see>a span{ margin: 0 5px; }
.history_see>a .arrow{ border-top-color: #c3c3c3; height: 3px; }
.history_see>a .iconfont{ color: #ddd; }
.history_see ul{ display: none; padding: 10px 0px; position: absolute; right: 0px; top: 36px; width: 280px; border:1px solid #d2d2d2; background: #fff; }
.history_see:hover ul{ display: block; }
.history_see:hover>a{ border-bottom-color: #fff; }
.history_see ul a{ display: block; height: 40px; line-height: 40px; padding: 0 10px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;  word-break: keep-all; word-wrap: normal; }
.history_see ul a:hover{ background: #f8f8f8; color: #2693e0; }

.quick_link a{ position: relative; vertical-align: middle; margin-top: 5px; margin-left: 5px; display:inline-block; width: 100px; height: 90px;text-align: center; background-color: #f5f5f5; border-radius: 2px; color: #2693e0; }
.quick_link a:hover{ background: #2693e0; color: #fff; }
.quick_link a .icon-course,.quick_link a .icon-zuoye,.quick_link a .icon-ziliao{ font-size: 34px; height: 40px; line-height: 40px; display: inline-block; margin-top: 15px; margin-bottom: 8px; }
.quick_link a .icon-course{ font-size: 40px; }
.quick_link a .icon-chuyidong1{ position: absolute; left: 50px; top: 33px; font-size: 18px;border-radius: 50%; height: 18px; width: 18px; background:  #2693e0; color: #fff; text-align: center; line-height: 20px; font-weight: bold; border:2px solid #fff; }

.qa_list{ margin-top: 25px; padding-bottom: 25px; }
.qa_list li{ padding: 15px 0px; border-bottom: 1px solid #ddd; position: relative; }
.qa_list li .iconfont{ font-size: 40px; color: #2693e0; margin-right: 10px; }
.qa_list li .btn_box{ position: absolute; right: 15px; top: 15px; }

.learn_right .qa_list .infor{ width: 85%; }
.learn_right .kj_tit{padding:5px;color:#666;}
.learn_right .kj_tit .ell{ display: inline-block; max-width: 80%; vertical-align: middle; font-size: 16px; color:#2693e0;}
.learn_right .filter_box{text-align: center;padding-top: 20px; margin-bottom: 30px;}
.learn_right .filter{ font-size: 0px;  height: 36px; display: inline-block;  text-align: center;border: 1px solid #d2d2d2; border-radius: 4px; overflow: hidden; }
.learn_right .filter a{ display: inline-block; font-size: 14px; width: 120px; height: 36px;  text-align: center; color: #333; line-height: 36px; border-right: 1px solid #d2d2d2;  }
.learn_right .filter a:last-child{ border:0px; }
.learn_right .filter a.on,.learn_right .filter a.on:hover{   background: #2693e0; border-color: #2693e0; color: #fff; }
.learn_right .filter a:hover{ color: #2693e0; }

.learn_right .tab{ margin: -30px; margin-top: -15px; font-size: 0px; border: 1px solid #ccc; margin-bottom: 50px; height: 48px; }
.learn_right .tab a{ display: inline-block; font-size: 14px;  width: 130px; height: 48px; position: relative;  vertical-align: top;  text-align: center;  line-height: 48px; border-right: 1px solid #ccc; }
.learn_right .tab a.on{ color: #2693e0; border-top:2px solid #2693e0; top: -1px;    }

.learn_right .form{  margin: 90px auto; }
.learn_right .form .item{ margin-bottom: 30px; }
.learn_right .form .input_text{ width: 70%; }
.learn_right .form .btn_submit{ padding: 6px 100px;   }
.learn_right .bind_acount{text-align:center;padding:50px 0;}
.learn_right .bind_acount a{ display: inline-block;padding:20px 40px;border:1px solid #d2d2d2;border-radius:5px; text-align: center; font-size: 16px; }
.learn_right .bind_acount a .iconfont{ display: block; height:120px;line-height:120px;color: #56b72b; font-size: 100px; }
.learn_right .bind_acount a:hover{color:#333;background:#f8f8f8;}
.learn_right .user_pic{ width: 150px; height: 150px; margin-top: -30px; }
.learn_right .account_tit{ border: 1px solid #ddd; border-bottom: 0px; padding: 20px; }
.learn_right .message_item{ background: #f8f8f8; padding: 20px; border-radius: 5px; margin-bottom: 20px; }
.learn_right .message_item .iconfont{ font-size: 22px; color: #999; vertical-align: middle;}
.learn_right .message_item .ell{ display: inline-block; width: 60%; vertical-align: middle; }
.learn_right .btn-upload{ display: inline-block; width: 70px; height: 70px; background: url(../image/upload.png); }
.learn_right .form_set .item{ border-bottom: 1px solid #d2d2d2; padding: 20px 0px;  margin-bottom: 0px; }
.form_set .item_upload{ margin-bottom: 50px; }
.form_set .btn_box{ margin-top: 40px; }
.form_set .item .input_text{ border:0 none; }
.form_set .item .lab{ width: 120px; color: #999; text-align: left; padding: 0px; }
.form_set .item .iconfont{ font-size: 24px; color: #2693e0; margin-right: 10px; vertical-align: middle; }
.form_set .item .icon-password{ font-size: 22px; }
.form_set label.error{ float: right; margin-top: 5px; }

.order-info{ background: #f2faff; border: 1px solid #b4cee1; padding: 20px; margin-bottom: 30px; }
.order-info p{ margin-bottom: 5px; color: #666; }
.order-info .order-state{ color: #333; font-size: 16px; margin-right: 10px; }

.invite_layer{ padding: 30px; }
.invite_box{  padding-top: 20px; background-color: #f8f8f8; border:1px solid #d2d2d2; margin-bottom: 10px; }
.invite_box dl{ margin-bottom:20px;   }
.invite_box dt{ float: left; width: 18%; color: #999; text-align: right; }
.invite_box dd{ margin-left: 19%;  }
.invite_box dd input{ width: 420px; border: 0 none; background: none; color: #ff6600; }
.invite_box dd input.code{ font-size: 28px; width: 120px; margin-top: -8px;   font-weight: bold;    }
.invite_box dd .btn{ vertical-align: top; margin-left: 10px; margin-left: 0px;}
.invite_box dd img{ width: 100px; height: 100px; margin-right: 5px; }
.invite_layer .description{ padding: 10px 0px; border-bottom: 1px dashed #eeeeee; }
.invite_layer .description h2{ font-size: 14px; color: #333; }
.invite_layer .description h2 .iconfont{ margin-right: 8px; }
.invite_layer .description p{ color: #999999; font-size: 12px; }
.layui-layer-close{ transition: none;  -webkit-transition: none; }

.course_manage{ padding-bottom: 140px; }
.course_item { margin-bottom: 25px; border: 1px solid #d2d2d2; border-radius: 5px; padding: 20px; }
.course_item .infor{ width: 60%; }
.course_item .infor .link_box,.course_item .infor .progress_box{ margin-top: 10px; }
.course_item .btn_box{ right: 0px; top: 50%; margin-top: -20px; }
.course_item .latest{ background: #eee; padding: 5px 10px; }
.course_item .latest span{vertical-align: middle;}
.course_item .latest .ell{display: inline-block; max-width: 50%; vertical-align: middle;}

.search{border:1px solid #d2d2d2;border-radius:40px;padding:20px;}

.progress_bar{ width: 200px; display: inline-block; height: 5px; font-size: 0px; background: #eee; border-radius: 10px; overflow: hidden; margin:0 3px;  }
.progress_bar i{ display: inline-block; background: #2693e0; height: 100%; }
.table-big tbody tr td{ padding: 15px 10px; }

/*�ʴ�����*/
.question_detail{ background: #fff; margin-bottom: 20px; padding: 30px; position: relative;}
.question_icon {border-left:24px solid #ff9933; border-top:24px solid #ff9933;border-right:24px dashed transparent;border-bottom:24px dashed transparent;}
.question_icon em{ position: absolute; font-size: 14px; left: 8px; top: 15px; color: #fff; }
.question_detail .infor{ border-bottom: 1px solid #eee; padding: 20px; padding-top: 0px; }
.student_name p{ background: #f8f8f8; border-radius: 5px; padding: 2px 10px; margin-top: 5px; color: #999;  }

/*��ѧ����*/
.dropdown .btn{ cursor: auto; background: #fff;}
.dropdown .btn .arrow{ border-top-color: #2693E0; border-width: 5px;  margin-left: 2px; }
.dropdown ul{ display: none; position: absolute; z-index: 999; left: 0px; top: 95%;width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 1px solid #2693E0; border-top: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;  }
.dropdown:hover ul{ display: block;  }
.dropdown ul li a{ color: #2693E0;  display: block; text-align: center; padding: 5px;  }
.dropdown ul li a:hover{ background: #f9fcfe; }

.course_name{ max-width: 300px; text-align: left; }
.course_name a,.course_name span{ vertical-align: middle; }
.course_name .ell{ display: inline-block; max-width: 300px; }
.course_manage .course_name .ell{ max-width: 225px; }
.course_name span.tag {white-space: nowrap;word-break: keep-all;}
.course_period{max-width: 180px; text-align: left; }

.student_manage{ margin-right: -20px; }
.student_manage li{ float: left; background: #f8f8f8; border-radius: 5px; padding: 10px; margin-right: 10px; margin-bottom: 10px; width: 18%; margin-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.student_manage .user_head{ width: 30px; height: 30px; position: relative; right: -3px; top: -3px; }

.learn_progress,.amount_count,.sign_count, .user_info{border-bottom: 20px solid #f5f5f5;  margin:-15px -30px -30px; margin-bottom: 15px; padding:25px 30px;}
.learn_progress li{ float: left; width: 27%; margin: 20px 3%; text-align: center; color: #666;}
.learn_progress li p{ margin-top: 5px; }
.schedule{padding-top:10px;}

.history{ border-bottom: 20px solid #f5f5f5;  margin: -30px;  margin-bottom: 30px; padding: 30px; }
.history .slide_box{ float: left; background: #f8f8f8; border-radius: 3px; height: 64px; width: 48%; margin-right: 2%;  position: relative; overflow: hidden; }
.history ul { position: absolute; width: 100%; left: 0; top: 0;   }
.history li { padding: 10px; height: 44px; font-size: 16px;}
.history li i{ font-size: 26px; margin-right: 10px; color: #999; }
.table .btn-border-blue{ padding: 4px 12px; }
.table .top-border-blue{ padding: 4px 12px 4px 0px;color: red; }
.table .top-border-blue-a{ padding: 4px 0px;color: red; }

.news_item{ position: relative; border:1px solid #d2d2d2; border-radius: 4px; margin-bottom: 30px; }
.news_item .time{ padding:10px 15px; border-bottom: 1px dashed #e5e5e5; font-size: 16px; color: #666; }
.news_item .time .iconfont{ color: #cacaca; margin-right: 5px; font-size: 18px; }
.news_item .con{ padding: 15px; margin-right: 80px; min-height: 50px; }
.news_item .con.look{ margin-left: 16px; }
.news_item .del{ position: absolute; right: 15px; bottom: 15px; background: #dbdbdb; width: 42px; height: 42px; text-align: center; line-height: 42px; color: #fff;  }
.news_item .del:hover{ background: #bbb; }
.news_item .del .iconfont{font-size: 26px;}

/*ѧУ��-��������*/
.amount_count ul{ margin-right: -3%;  }
.amount_count li{ float: left; width: 32%; margin-right: 1%;  background: rgba(248, 248, 248, 1); border-radius: 5px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.amount_count li .iconfont{ margin-right: 20px; font-size: 56px; color: #2693e0; line-height: 1; }
.amount_count li p{ line-height: 1.2; }
.amount_count li .t_blue{ font-size: 28px; font-weight: bold; margin-right: 3px; }
.tit_blue_bor{ border-bottom: 1px solid #d2d2d2; margin-bottom: 20px; padding-bottom:7px;height:35px;}
.tit_blue_bor h2{ border-left: 6px solid #2693e0; margin-top: 12px; font-size: 16px; padding-left: 10px; height: 20px; line-height: 20px; }
.school_search{ background: #f8f8f8; margin-bottom: 25px; border: 1px solid #d2d2d2; border-radius: 5px; padding:10px 15px; }
.school_search .form-control{max-width: 400px; min-width: 200px; }
.school_search .btn{ padding-left:20px; padding-right: 20px;  }

/*�����ɹ�*/
.buy_success_box{ margin-top: 0px; }
.buy_success{ width: 440px; margin: 10px auto; text-align: center; }
.buy_success .iconfont{ font-size: 58px; color: #ff6600; line-height: 1.2; }
.buy_success h2{ color: #ff6600; font-size: 20px; }
.buy_success .underline{ margin: 0 5px; text-decoration: underline;  }
.buy_success .order_txt{ border-radius: 5px; text-align: left; margin-top: 20px; position: relative; background: #f8f8f8; border: 1px solid #d2d2d2; padding: 20px 100px 20px 40px; }
.buy_success .order_txt p{ margin-bottom: 5px; color: #666; }
.buy_success .order_txt .t_orange{ font-weight: bold; }
.buy_success .order_txt .btn{ position: absolute; right: 20px; bottom:20px; }

/*�޸�ͷ��*/
.editImg{ padding: 10px; }
.editImg-left { float: left; width: 450px; height: 360px;  background: #f2f2f2; text-align: center; border: 1px solid #e8e8e8; }
.editImg-right { width: 138px; margin-left: 10px; float: left; text-align: center; }
.preview-box { border: 1px solid #e8e8e8; width: 100px; height: 100px; margin-left: 25px; overflow: hidden; border-radius: 50%; }

/* 引入 layui 新版本需要覆盖的样式 */
.learn_left .layui-nav { padding-top: 0; background-color: #fff; }
.learn_left .layui-nav-item { border-bottom: 1px solid #f5f5f5; }
.learn_left .layui-nav-item a { margin-bottom: 0; color: #333; padding: 0; }
.learn_left .layui-nav-item a:hover { color: #777; }
.learn_left .layui-nav-tree .layui-nav-item>a .layui-nav-more { padding: 0; }
.learn_left .layui-nav .line { margin-bottom: 0; }
.learn_left .layui-this,
.learn_left .layui-this>a,
.learn_left .layui-nav-tree .layui-this,
.learn_left .layui-nav-tree .layui-nav-child dd.layui-this,
.learn_left .layui-nav-tree .layui-nav-child dd.layui-this a,
.learn_left .layui-nav-tree .layui-this>a { background-color: #fff; color: #333;}
.learn_left .layui-nav-itemed>a { color: #333!important; }
.learn_left .layui-nav-tree .layui-nav-child { background-color: #fff; margin-left: 10px; border-top: 1px solid #f5f5f5; }