/*��ҳ������Ϣ*/
.j_left{ width:250px; float:left}
.user_left{ width:248px; border:1px solid #e2e2e2;}
.user_tit{ margin:0 8px; border-bottom:2px solid #3087d9; line-height:43px; overflow:hidden}
.user_tit h3{ float:left; font-size:16px; color:#3087d9}
.user_tit a{ float:right; font-size:12px;background:#3087d9; border-radius:2px; margin-top:13px; line-height:18px; color:#fff; padding:0 2px}
.user_box{ overflow:hidden; margin:0 8px}
.user_pic{ width:60px; text-align:center; float:left; margin:10px 0 0 0}  
.user_pic img{ width:60px; height:60px; overflow:hidden; border-radius:50%; margin-bottom:5px}
.user_pic a{ color:#2985dc; text-decoration:underline}
.user_text{ line-height:26px; margin:10px 0 0 80px}
.user_text h4{ margin:0; color:#1a1a1a}
.user_text p{color:#999;height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.user_text p a{color:#97ca56}
.btn_home{ width:193px;border:1px solid #3087d9; border-radius:15px; line-height:28px; text-align:center; color:#3087d9; color:#2985dc; display:block; margin:10px auto}
.btn_home:hover{ background:#2985dc; color:#fff}
.leftnav{ border-top:1px solid #e2e2e2; overflow:hidden;}
.leftnav li{ width:33.3%; float:left; text-align:center; padding:13px 0;*width:33%}
.leftnav li:hover{ background:#f0f0f0}
.leftnav li a{ color:#999; display:block }
.leftnav li:hover a{color:#e90101}
.leftnav li a:hover i{}
.leftnav li i{ height:32px; display:block; margin-bottom:3px; }
.leftnav li.item1 i{ background-position:-18px -30px}
.leftnav li.item2 i{background-position:-100px -30px}
.leftnav li.item3 i{background-position:-182px -28px}
.leftnav li.item4 i{background-position:-18px -105px }
.leftnav li.item5 i{background-position:-100px -103px }
.leftnav li.item6 i{background-position:-180px -103px}
.leftnav li.item7 i{background-position:-18px -180px}
.leftnav li.item8 i{background-position:-100px -180px}
.leftnav li.item9 i{background-position:-180px -182px}
/*��ҳ������Ϣ�Ҳ�*/
.j_right{ width:808px; float:right}
.j_search{ height:40px; background:#f2f2f2}
.j_search label{ line-height:28px; border:1px solid #e2e2e2; background:#fff; margin:5px 0 0 14px; float:left; width:642px; border-right:none}
.j_search label input{ width:100%; padding:7px 0; line-height:14px; height:14px; outline:none; text-indent:10px;}
.search_btn{ line-height:31px; width:88px; background:#3087d9; font-size:14px; color:#fff; margin:5px 0 0 0; outline:none}
.j_search a{ float:right; line-height:40px; color:#3087d9; margin-right:10px; text-decoration:underline}
.j_ks_js{ margin-top:18px;}
.j_ks_tit{ overflow:hidden}
.j_ks_js h3{ line-height:30px; background:#3087d9; color:#fff; font-size:16px; padding:0 15px; float:left; border-radius:15px; margin:5px 0 20px }
.j_ks_js p{ line-height:30px; color:#666; font-size:12px; height:15 0px; overflow:hidden}
.j_learning{ margin:20px 0 0 0}
.j_l_tit{ line-height:38px; border:1px solid #e4e4e4; height:38px;}
.j_l_tit h3{ font-size:16px; color:#3087d9; position:relative; padding-left:28px;}
.j_l_tit h3:before{ width:6px; height:20px; background:#3087d9; position:absolute; content:""; display:block; left:10px; top:10px;}
.j_l_text{ overflow:hidden; margin-top:17px; width:831px}
.j_l_text li{ width:253px; height:230px; float:left; border:1px solid #e4e4e4; margin-right:10px; position:relative}
.j_l_text li img{ width:253px; height:145px;}
.j_l_text li a.tit{ color:#333; line-height:22px; font-size:14px; padding:0 6px; display:block; height:24px; overflow:hidden; margin:8px 0}
.j_l_text li p{ font-size:12px; padding:0 6px; color:#999; height:30px; overflow:hidden; line-height:30px; margin:5px 0}
/*
.j_l_text li span{ color:#3087d9; font-size:12px; padding:0 6px; display:block}
*/
.j_l_text li span i{ font-size:14px; color:#959595}
.new_btn{ position:absolute; display:block; color:#fff; font-size:12px;right:10px; top:10px; border-radius:10px;background:#000; background:rgba(0,0,0,.7); line-height:16px; padding:0 7px; z-index:11}
.new_btn:hover{ background:#86b748; color:#fff}
.not_kc{ overflow:hidden; text-align:center}
.not_kc img{ margin:15px 0 20px}
.not_kc p{ font-size:16px; color:#333}
.not_kc p a{ color:#e90101}
.j_ad {width:1110px}
.j_ad img {float: left;width: 356px;height: 92px;margin-right: 7px;}
.j_ad a{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;}
.j_ad a:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.j_ad a:active,.j_ad a:focus,.j_ad a:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.j_ad a:active:before,.j_ad a:focus:before,.j_ad a:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}
.list_tab{ position:absolute; right:0; top:0; line-height:40px;}
.list_tab a{ font-size:14px; color:#fff; margin-right:10px; padding:5px 10px 5px 30px}
.list_tab a.tw{ background:url(../images/list_tab_tw.png) no-repeat 10px center ; }
.list_tab a.lb{ background:url(../images/list_tab_lb.png) no-repeat 10px center ; }
.list_tab a.active,.list_tab a:hover{ background-color:#096bc6; border-radius:5px}
.lb_table{ border:1px solid #dcdee3}
.lb_table th,.lb_table td{ padding:10px 8px}
.lb_table th{ background:#96a5b4; color:#fff; font-size:14px; font-weight:normal}
.lb_table td{ text-align:center; font-size:14px; border-bottom:1px solid #dcdee3}
.lb_table td a{ color:#2f2f2f}
.lb_table tr:hover{ background:#bbdeff; cursor:pointer}

.lb_xing{ width:104px; height:15px; overflow:hidden; background:url(../images/lb_xing.png) no-repeat; text-indent:-9999px; display:inline-block;*display:inline;*zoom:1}
.lb_xing.x1{ background-position:0 0px}
.lb_xing.x2{ background-position:0 -16px}
.lb_xing.x3{ background-position:0 -31px}
.lb_xing.x4{ background-position:0 -46px}
.lb_xing.x5{ background-position:0 -61px}
.index_tab_tit{ height:40px; background:#3087d9}
.index_tab_tit li{ float:left; height:32px; line-height:32px; margin-top:8px; font-size:16px; color:#fff; width:125px; text-align:center; margin-left:30px; cursor:pointer}
.index_tab_tit li.active{ background:#fff; color:#3087d9}
.pic_box{width:1110px; margin-left:px; margin-top:10px}
/*.pic_list{ padding:6px ; border:1px solid #fff; float:left; margin-right:8px; margin-bottom:18px; position:relative}
.pic_list:hover{ box-shadow:0 0 3px 3px #eee;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s; -o-transition:all 0.3s;border-color:#f2f2f2\9}
.pic_list:hover .img{ opacity:1}
.pic_list a.img{ width:250px; height:145px; overflow:hidden; position:relative; display:block}
.pic_list a.img:hover:before{ content:""; position:absolute; width:250px; height:145px;left:0;top:0; background:rgba(0,0,0,.4);filter: alpha(opacity=40);}

.pic_list a img { width:100%; height:100%}
.pic_list a span.hwkc{ width:38px; height:45px; position:absolute; display:block; background:url(../images/hwkc.png) no-repeat; left:10px;top:0}
.pic_list p{ margin-top:6px}
.pic_list p.tit a{height:16px; line-height:16px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:14px; display:block; width:250px; }
.pic_list p.name{height:14px; line-height:14px; color:#999}
*/
/*�γ��б�*/
.left_ad{ width:250px; height:86px; overflow:hidden}
.left_ad img{ border:1px solid #e2e2e2; width:100%; height:100%}
.left_follow{ border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding-bottom:20px}
.left_follow h3{ font-size:16px; color:#3087d9; padding:12px 0}
.follow_a{ overflow:hidden; padding:0 20px; line-height:30px;}
.follow_a a{ display:block; color:#999}
.follow_a a.a1{ font-size:16px; color:#9fd930}
.follow_a a.a2{color:#f8a92d}
.follow_a a.a3{ font-size:16px; color:#4ca8fe}
.follow_a a.a4{ font-size:14px; color:#666}
.product_top{ border-bottom:1px solid #e2e2e2; overflow:hidden; padding-bottom:25px;}
.product_pic{ width:250px; height:145px; border:2px solid #e2e2e2; float:left}
.product_pic img{width:250px; height:145px; }
.product_text{ margin-left:275px; position:relative; height:184px}
.product_text h3{ font-size:16px; color:#333; font-weight:bold; line-height:30px; margin-top:5px}
.product_text p{ line-height:30px; color:#666}
.btn_apply{ display:block; font-size:14px; border-radius:15px; border:1px solid #e2e2e2; width:88px; line-height:22px; text-align:center; color:#999; margin-top:25px}
.btn_go{ width:170px; height:60px; float:left; text-align:center; line-height:60px; background:#3087d9; font-size:20px; color:#fff; border-radius:5px; }
.btn_go:hover{ color:#fff}
.btn_exam{ width:130px; height:40px; float:left; text-align:center; line-height:40px; background:#3087d9; font-size:20px; color:#fff; border-radius:5px; }
.btn_exam:hover{ color:#fff}
.btn_exam_no{ width:130px; height:40px; float:left; text-align:center; line-height:40px; background:#9ea4a9; font-size:20px; color:#fff; border-radius:5px; }
.btn_exam_no:hover{ color:#fff}

.btn_a{ position:absolute; right:0;top:8px}
.btn_a a{ line-height:26px; font-size:14px; color:#666; padding-left:28px; display:inline-block;*display:inline;*zoom:1; margin-left:25px}
.btn_a a.sc{ background:url(../images/shoucang.png) no-repeat left center;}
.btn_a a.fx{ background:url(../images/fenxiang.png) no-repeat left center;}
.product_tab{ border-bottom:1px solid #e2e2e2; overflow:hidden; padding-bottom:20px;}
.p_tab_tit{ overflow:hidden; margin:23px 0 20px; 0}
.p_tab_tit li{ float:left; line-height:28px; padding:0 28px; font-size:16px; border:1px solid #3087d9; border-radius:15px; margin-right:30px; cursor:pointer}
.p_tab_tit li.active{ background:#3087d9; color:#fff}
.product_p{ line-height:30px; color:#666; text-indent:24px;}
.course_box{ overflow:hidden; margin-top:25px}
.course_box .tit{ overflow:hidden}
.course_box .tit h3{float:left; line-height:30px; padding:0 28px; font-size:16px; background:#3087d9; color:#fff; border-radius:15px;cursor:pointer}
.course_box .tit span{ float:left; color:#999; margin:7px 0 0 19px}
.course_tit{ line-height:25px; height:25px; background:url(../images/icon_course.png) no-repeat left center; padding-left:40px; font-size:16px; color:#333; font-weight:bold; margin:20px 0 15px}
.course_text{ line-height:40px; background:#f3f5f7; font-size:14px; color:#333;}
.course_text a{ display:block; padding-left:30px;}
.course_text a:hover,.course_text a.active{ background:#4ca8fe; color:#fff}
.course_text p{ float:right}
.course_text p i{ color:#7fbe25; margin:0 2px}
.course_text a:hover i,.course_text a.active i,.course_text a.active span,.course_text a:hover span{color:#fff}
.course_text span{ float:right; margin-left:50px; font-size:12px;padding-right:15px; width:80px; text-align:right}
.course_text span i{ margin-left:10px;}
.course_text span.wxx{ color:#666; }
.course_text span.xxz{ color:#f7712e; }
.course_text span.kstg{ color:#7fbe25}
.ad_w1080{ width:1080px; height:90px;}
.ad_w1080 img{width:1080px; height:90px; }
.you_like_tit{ border-bottom:1px solid #f0f0f0; line-height:40px; }
.you_like_tit h3{ font-size:16px; color:#3087d9; text-align:center}
/*�γ�ѧϰ*/
.study_left{ width:685px; float:left}
.study_video{ width:685px; height:557px;}
.study_right{ width:378px; float:right; border:1px solid #e2e2e2}
.study_right_tit{ border-bottom:1px solid #e2e2e2; line-height:30px; padding:10px}
.study_right_tit h3{ font-size:16px; color:#333}
.study_right_tit p{ font-size:12px; color:#999}
.study_right_ml{ height:48px; border-bottom:1px solid #e2e2e2; line-height:48px; overflow:hidden}
.study_right_ml h3{ float:left; padding-left:35px; background:url(../images/study_icon.png) no-repeat 8px center; font-size:18px; color:#333}
.study_right_ml p{ text-align:right;}
.study_right_ml p a{ margin:0 8px 0 12px; color:#999999}
.study_right_ml p a:hover{ color:#3087d9; text-decoration:underline}
.s_r_ml{ overflow:auto; margin:20px 0;height: 244px;}
.s_r_ml li{ padding-left:12px;position:relative; height:50px; }
.s_r_ml li:before{ position:absolute; width:1px; height:50px; background:#a9b1b7; content:""; left:65px; top:8px}
.s_r_ml li a:before{ position:absolute; width:10px; height:10px; border:1px solid #d1d1d1; background:#fff; border-radius:50%; content:""; top:7px; left:60px}
.s_r_ml li a{ line-height:26px; float:left; height:26px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width:280px; font-size:14px; color:#333; }
.s_r_ml li a span{ margin-right:32px;}
.s_r_ml li.cur a:before{ background:#9fd930; border-color:#9fd930}
.s_r_ml li.cur i{ color:#9fd930}
.s_r_ml li.active a:before{ background:#f7712e; border-color:#f7712e}
.s_r_ml li.active i{ color:#f7712e}
.s_r_ml li i{ line-height:26px; float:right; height:26px; font-size:14px; color:#333; margin-right:8px }
.s_r_bts{ position:relative; overflow:hidden}
.s_r_bts a{width: 83px;height:60px;border-radius:10px;background:#3087d9;float:left;color:#fff;text-align:center;line-height:60px;margin: 0 0px 0 9px;font-size: 14px;}
.s_r_bts a.cur{ background:#9fd930}
.s_r_bts p{ position:absolute; color:#f7712e; font-size:12px; left:0; top:65px; padding:0 12px; }
.s_r_bottom{ overflow:hidden; padding:10px 12px 8px;}
.s_r_bottom a{ line-height:26px; font-size:14px; color:#666; padding-left:28px; display:inline-block;*display:inline;*zoom:1; margin-right:25px}
.s_r_bottom a.sc{ background:url(../images/shoucang.png) no-repeat left center;}
.s_r_bottom a.fx{ background:url(../images/fenxiang.png) no-repeat left center;}
.s_r_bottom a.jb{ background:url(../images/jubao.png) no-repeat left center;}
.border_bottom{ border-bottom:1px solid #e2e2e2; padding-bottom:40px;}
.s_title{ border-bottom:1px solid #e4e4e4; font-size:18px; color:#313131; padding:10px 0 10px 12px; font-weight:bolder}
.share{ margin-top:32px;}
.share_input{border-bottom:1px solid #cccccc; overflow:hidden; padding:0 0px 28px 36px;}
.share_face{ width:67px; height:67px; float:left; margin:6px 30px 0 0}
.share_face img{width:67px; height:67px; overflow:hidden; border-radius:100%}
.share_input textarea{ float:left; width:925px;height:122px;border:1px solid #e4e4e4; margin:0; display:block; background:#fff; font-size:14px; font-family:΢���ź�; padding:10px }
.share_input button{width:100px; height:32px; background:#3087d9; color:#fff; border:none; border-radius:3px; margin:0px 0 0; cursor:pointer; font-size:16px; font-family:΢���ź�;}
.share_warp{}
.share_warp dl{ overflow:hidden; border-bottom:1px solid #cccccc; padding:25px 0 25px 40px}
.share_warp dl:last-child{ border-bottom:none}
.share_warp dt{ width:46px; height:46px; border-radius:100%; overflow:hidden; float:left; }
.share_warp dt img{ width:100%; height:auto; max-width:50px}
.share_warp dd{ width:978px; float:left; margin:5px 0 0 15px; position:relative}
.share_warp dd h3{ font-size:14px; color:#313131; margin-bottom:5px; font-weight:bolder}
.share_warp dd p{ font-size:14px; color:#666; line-height:25px}
.share_bottom{ overflow:hidden}
.share_bottom span{ float:left; font-size:12px; color:#999; padding:10px 0}
.hf-com{color:#00aa3c; font-size:12px; float:right;padding:10px 0; margin-right:20px}
.zan-com{color:#999; font-size:12px; float:right; background:url(../images/zan.png) no-repeat left 5px; padding:10px 0 10px 25px}
.feed_friend {margin: 20px 60px; clear:both}
.feed_my .yl_pics {padding: 0 10px}
.friend_box {overflow: hidden;width: 100%;}
.friend_first {overflow: hidden}
.first_pic {width:43px;height: 43px;float: left;overflow: hidden;margin: 17px 14px 0 3px}
.first_pic img {width: 43px;height: 43px;border-radius: 50%;}
.first_text {float: left;width: 91%;margin-top: 20px}
.first_text_name {overflow: hidden;width: 100%;line-height: 20px}
.first_text_name span {float: left;color: #3087d9; font-size:14px; font-weight:bolder}
.first_text_name span.font_000 {color: #737373;margin: 0 5px 0 2px}
.first_text_name p {color: #666; font-size:14px}
.first_text_time {height: 24px;line-height: 24px;color: #999;}
.fbpl{ margin-top:20px;}
.huifu {margin-left:40px;color: #999;font-size: 12px}
.huifu:hover {color:#00aa3c}
.text_right{ text-align:right; margin-top:20px;}
.kcpf{ display:inline-block; line-height:32px; font-size:14px; color:#333}
.startone{ display:inline-block; margin-right:20px}
.star_score{ 
			display:inline-block;
			margin-top:5px;
		}
		.star_list{
			height:21px;
			margin:50px; 
			line-height:21px;
		}
		.block p,.block .attitude{ 
			padding-left:20px; 
			line-height:21px; 
			display:inline-block;
		}
		.block p span{ 
			color:#C00; 
			font-size:16px; 
			font-family:Georgia, "Times New Roman", Times, serif;
		}

		.star_score { 
			background:url(../images/stark2.png); 
			width:160px; 
			height:21px;  
			position:relative; vertical-align:top;
		}

		.star_score a{ 
			height:21px; 
			display:block; 
			text-indent:-999em; 
			position:absolute;
			left:0;
		}

		.star_score a:hover{ 
			background:url(../images/stars2.png);
			left:0;
		}

		.star_score a.clibg{ 
			background:url(../images/stars2.png);
			left:0;
		}

		#starttwo .star_score { 
			background:url(../images/starky.png);
		}

		#starttwo .star_score a:hover{ 
			background:url(../images/starsy.png);
			left:0;
		}

		#starttwo .star_score a.clibg{ 
			background:url(../images/starsy.png);
			left:0;
		}
		
/*�γ�ѧϰ-����*/		
.ks_box{ border:1px solid #e2e2e2; padding:10px}		
.page_tit{ border-bottom:1px solid #e2e2e2; text-align:center; padding:10px 0 20px}
.page_tit h2{ font-size:22px; color:#3087d9; margin-bottom:10px}
.page_tit p{ font-size:12px; color:#666}
.exam_list{ margin:30px 50px;}
.exam_list li{ margin-bottom:30px}
.exam_list li .name{ font-size:14px; color:#0a61b3; font-weight:bold; margin-bottom:10px;}
.exam_list li p{ line-height:28px; font-size:14px; color:#333333; cursor:pointer}
.exam_list li p input{ margin-right:5px}
.exam_btn{ overflow:hidden; text-align: center; padding:20px 0 40px}
.exam_btn a{ display:inline-block;*display:inline;*zoom:1; width:124px; line-height:28px; text-align:center; border:1px solid #e2e2e2; color:#999; border-radius:15px; margin:0 36px; font-size:14px;}
.exam_btn a.cur{ background:#3087d9; border-color:#3087d9; color:#fff}
.popover-mask{
	z-index: 10;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	display:none}
.show_exam{ width:600px; height:450px; background:#fff; position:fixed; border-radius:10px; left:50%; margin-left:-300px;top:100px; z-index:19; display:none}	
.show_exam img.img{ display:block; margin:70px auto}
.show_exam .box{width:600px; height:450px; position:relative; display:none}
.show_exam_btns{ text-align:center}
.show_exam_btns a{display:inline-block;*display:inline;*zoom:1; width:124px; line-height:28px; text-align:center; border:1px solid #e2e2e2; color:#999; border-radius:15px; margin:0 36px; font-size:14px; padding:0 20px}
.show_exam_btns a.active,.show_exam_btns a:hover{ background:#3087d9; border-color:#3087d9; color:#fff}
.show_page_tit{ text-align:center}
.show_page_tit h3{ color:#333; font-size:20px; font-weight:bold; padding:40px 0 25px;}
.show_page_tit p{ color:#f50303; font-size:14px;}
.show_exam_text{ padding:40px 65px 60px;}
.show_exam_text p{ line-height:45px; color:#0a61b3; font-size:12px;}
.close{ width:30px; height:30px; background: url(../images/close.png) no-repeat center center; display:block; position:absolute; right:10px ;top:5px}
/*����ѧ��*/		
.apply_box{ padding:30px 0; width:802px; margin:0 auto }
.apply_top{ overflow:hidden; font-weight:bold; text-align:center; color:#333333; margin-bottom:50px;}
.apply_top h2{ font-size:20px;font-weight:bold; margin-bottom:20px;}
.apply_top h3{ font-size:16px;font-weight:bold;}
.apply_tit{ overflow:hidden}
.apply_tit h3{line-height:30px; background:#3087d9; color:#fff; font-size:16px; padding:0 25px; float:left; border-radius:15px;}
.apply_user{ border:1px solid #e2e2e2; border-radius:10px; padding:20px 50px; position:relative; margin:22px 0 0 0}
.apply_user p{ line-height:35px; font-size:14px; color:#333}
.edit_user{ position:absolute; right:44px;top:23px; background:url(../images/write.png) no-repeat left center; line-height:18px; padding-left:20px; color:#3087d9;}
.apply_notes{ border-bottom:1px dashed #e2e2e2; padding:20px 55px 40px; margin-bottom:30px}
.apply_notes p{ line-height:30px; color:#666}
.apply_tab_tit{ border-bottom:1px solid #e9e9e9; overflow:hidden}
.apply_tab_tit li{ float:left; width:190px; line-height:45px; font-size:16px; color:#2f2f2f; border-radius:5px 5px 0 0; background:#e9e9e9; text-align:center; margin-right:11px}
.apply_tab_tit li.active{ background:#3087d9; color:#fff}
.apply_tab_text{ overflow:hidden; margin-top:35px}
.apply_text_tit{ overflow:hidden; line-height:16px;}
.apply_text_tit h3{ float:left; background:url(../images/icon_sqxf_tit.png) no-repeat left center; font-size:14px; color:#3087d9; padding-left:22px}
.apply_text_tit span{ color:#666;}
.apply_text_tit a{ color:#3087d9; text-decoration:underline}
.table_input { padding:35px 0 15px}
.table_input td{ font-size:14px; color:#333; padding-bottom:20px}
.table_input input{ line-height:14px; padding:7px 0; border:1px solid #e9e9e9; width:228px; text-indent:10px; color:#333}
.apply_btns{ overflow:hidden; text-align: center;}
.apply_btns a{ display:inline-block;*display:inline;*zoom:1; width:124px; line-height:30px; text-align:center; background:#3087d9; color:#fff; border-radius:15px; font-size:14px;}
.apply_btns a.cur{ background:none; color:#999; text-decoration:underline }
.apply_two{ border-top:1px dashed #e9e9e9; padding-top:35px; margin-top:30px}
.table_two{ border-collapse:collapse; margin:30px 0 20px}
.table_two td,.table_two th{ padding:10px; border:1px solid #e9e9e9; text-align:center}
.table_two th{ background:#f3f6fc; font-size:14px; color:#333; font-weight:normal}
.table_two td{ color:#333333; font-size:12px}
.table_two td a{ color:#7fbe25; margin-left:10px}
.apply_error{border-top:1px dashed #e9e9e9; color:#f50303; font-size:14px; text-align:center; margin-top:60px; padding-top:40px}
.apply_error a{ color:#3087d9; text-decoration:underline}
.apply_pic{ display:block; margin:0 auto}
.apply_a{ font-size:14px; color:#999; border:1px solid #e2e2e2; display:block; width:88px; border-radius:15px; margin:25px auto 0; line-height:22px; text-align:center}
.apply_ts{ text-align:center; font-size:14px; color:#666}

/*����ѧ��*/	
.xfzs_query{ border:1px solid #e2e2e2; border-radius:10px; padding:0 24px;}
.query_top{ overflow:hidden; padding:50px 40px 0}
.query_login{ float:left}
.query_login td{ font-size:14px; color:#333; padding:11px 0 10px}
.query_table input{ width:274px; height:32px; border:1px solid #e2e2e2; text-indent:10px; outline:none}
.query_pic{ float:right; width:268px; height:189px;}
.btn_query{ background:#3087d9; width:150px;line-height:30px; color:#fff; border-radius:15px; display:block; margin:20px auto; text-align:center}
.tbts{ font-size:14px; color:#7fbe25; text-align:center; padding:20px 0 30px}
.query_bottom{ border-top:1px dashed #e2e2e2; color:#f50303; font-size:14px; line-height:68px; text-align:center}


/*��������*/	
.home_warp{ border:1px solid #e2e2e2; padding:28px 22px; min-height:449px}
.home_nav{ overflow:hidden; border-bottom:1px solid #e2e2e2}
.home_nav li{ float:left; width:190px; line-height:45px; text-align:center; margin-right:11px; border-radius:5px 5px 0 0; overflow:hidden }
.home_nav li a{ display:block;background:#e9e9e9; color:#2f2f2f; font-size:16px;}
.home_nav li a.active{ color:#fff; background:#3087d9}
.home_right_text{ margin-top:34px}
.home_table{ border-collapse:collapse}
.home_table a{ color:#7fbe25; padding:0 3px}
.home_table { border:1px solid #e2e2e2}
.home_table th,.home_table td{border-bottom:1px solid #e2e2e2; padding:10px 5px; font-size:14px; text-align:center}
.home_table th{ background:#f3f6fc; font-weight:normal; color:#333; font-size:14px;}
.home_table td{ font-size:12px;}
.go_go{ overflow:hidden; margin:20px 0}
.go_go a{ border:1px solid #3087d9; color:#3087d9; line-height:28px; padding:0 20px; border-radius:15px; float:right}
.xxk_bd{ border-top:1px dashed #e2e2e2; padding-top:20px}
.xxk_bd p{ line-height:30px; color:#666}
.xxk_bd p.ts1{ color:#f50303}
.add_ka{ margin:20px 0 40px}
.add_ka input{width:228px; height:32px; border:1px solid #e2e2e2;text-indent:10px; outline:none}
.btn_ok_ka{ display:block; width:150px; line-height:30px; background:#3087d9; font-size:14px; color:#fff; border-radius:15px; text-align:center; margin:20px auto}
.btn_buy_ka{  display:block; width:80px; text-align:center; margin:0 auto; font-size:14px; color:#999; text-decoration:underline;}
.study_jl{ overflow:hidden; line-height:30px; margin:10px 0 20px}
.study_jl h3{ float:left; font-size:16px; color:#000}
.study_jl a{ float:right; color:#3087d9; background:url(../images/icon_xxjl.png) no-repeat left center; padding-left:25px}
.sc_text{ text-align:center; color:#666; margin-top:40px}
.show_fz_box{ width:800px; height:295px; background:#fff; border-radius:10px; position:fixed; left:50%; margin-left:-400px; top:200px; z-index:99; display:none}
.show_fz_box .box{ position:relative; height:295px; padding:40px}
.show_fz_box .close{ position:absolute; width:30px; height:30px; left: -40px; top:-40px; background:url(../images/show_close.png) no-repeat; text-indent:-9999px}



/*����*/	
.home_left{ background:#3087d9; overflow:hidden; min-height:680px;}
.home_left_top{ overflow:hidden; margin:0 9px; border-bottom:2px solid #fff; line-height:40px; color:#fff}
.home_left_top h3{ float:left; font-size:16px}
.home_left_top a{ float:right; font-size:12px; color:#fff}
.home_info_text{ text-align:center; padding:20px 0}
.home_info_text i img{ width:60px; height:60px; overflow:hidden; border-radius:50%; border:1px solid #fff; margin-bottom:10px}
.home_info_text p{ line-height:26px; color:#fff}
.home_info_text a{ border:1px solid #fff; border-radius:15px; line-height:28px; display:block; margin:10px 22px 0 ; font-size:14px; color:#fff}
.left_navs{ border-top:1px solid #83b7e8}
.left_navs li{ border-bottom:1px solid #83b7e8; line-height:70px; background:url(../images/arrow_right.png) no-repeat 224px 27px}
.left_navs li:hover,.left_navs li.active{background:#d6e7f7 url(../images/arrow_right_1.png) no-repeat 224px 27px}
.left_navs li a.a1{ padding-left:100px; color:#fff; font-size:16px; font-weight:bolder; display:block}
.left_navs li a.w{ background:url(../images/left_nav1.png) no-repeat 52px center}
.left_navs li a.d{ background:url(../images/left_nav2.png) no-repeat 52px center}
.left_navs li a.f{ background:url(../images/left_nav3.png) no-repeat 56px center}
.left_navs li a.c{ background:url(../images/left_nav4.png) no-repeat 52px center}
.left_navs li a.z{ background:url(../images/left_nav5.png) no-repeat 56px center}
.left_navs li a.x{ background:url(../images/left_nav6.png) no-repeat 52px center}
.left_navs li a.a1:hover,.left_navs li.active a.a1{color:#3087d9}
.left_navs li a.a1:hover.w,.left_navs li.active a.w{ background-image:url(../images/left_nav1_1.png)}
.left_navs li a.a1:hover.d,.left_navs li.active a.d{ background-image:url(../images/left_nav2_2.png)}
.left_navs li a.a1:hover.f,.left_navs li.active a.f{ background-image:url(../images/left_nav3_3.png)}
.left_navs li a.a1:hover.c,.left_navs li.active a.c{ background-image:url(../images/left_nav4_4.png)}
.left_navs li a.a1:hover.z,.left_navs li.active a.z{ background-image:url(../images/left_nav5_5.png)}
.left_navs li a.a1:hover.x,.left_navs li.active a.x{ background-image:url(../images/left_nav6_6.png)}
.buy_ka_box{ overflow:hidden}
.buy_ka_tit{ border:1px solid #e2e2e2; background:#f3f6fc; line-height:36px; overflow:hidden; margin-bottom:20px;}
.ka_table th{ font-size:14px; color:#333; font-weight:normal}
.buy_ka_text{border:1px solid #e2e2e2; margin-bottom:20px;}
.ka_table td{ color:#333; font-size:12px; text-align:center; padding:10px 5px; line-height:20px}
.ka_table td h3{ text-align:left; font-size:14px; font-weight:bold}
.ka_table td p{ color:#666; text-align:left}
.ka_table td strong{ color:#f50303; font-weight:normal}
.bent_number{ width:77px; height:23px; border:1px solid #bfbfbf; margin:0 auto}
.bent_number input{ float:left; outline:none}
.bent_number .btn_t{ width:29px; height:23px; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; text-align:center}
.bent_number .btn_l,.bent_number .btn_r{ width:23px; height:23px; background:#f0f0f0; cursor:pointer}
.ka_text_bottom{ overflow:hidden; border-top:1px solid #e2e2e2; height:52px}
.radio_fp{ overflow:hidden; line-height:52px; font-size:12px;}
.radio_fp h3{ float:left; color:#666; padding-left:15px;font-size:12px}
.radio_fp label{ float:left; color:#666; margin-left:25px;}
.radio_fp label input{ vertical-align:sub}
.ka_text_bottom a{ background:#3087d9; border-radius:15px; margin:8px; line-height:30px; color:#fff; padding:0 30px; font-size:14px;}
.buy_ka_ts{ line-height:25px; color:#ef251c}
.sub_com_tit{ overflow:hidden}
.sub_com_tit h3{ line-height:30px; background:#3087d9; font-size:16px; color:#fff; border-radius:15px; float:left; padding:0 30px;}
.sub_com_tit a{ float:right; color:#999999; font-size:14px; line-height:30px;}
.sub_com_tit a:hover{ color:#3087d9}
.order_info{ border-bottom:1px solid #e9e9e9; padding:25px}
.order_info p{ line-height:30px; color:#2f2f2f; font-size:14px}
.order_info p span{ font-size:14px; color:#167bd4;font-weight:bold }
.order_info p strong{ color:#eb0c0c; font-size:24px; font-weight:bold}
.lc{ width:900px; height:140px; margin:0 auto; background:url(../images/liucheng.jpg) no-repeat center center; margin-top:35px; text-indent:-9999px}
.pay{ overflow:hidden; padding:60px 0; text-align:center}
.pay li{ display: inline-block;*display:inline;*zoom:1; width:249px; height:67px; padding-top:10px; border:1px solid #e2e2e2; margin:0 50px; cursor:pointer}
.pay li.active{ border-color:#3087d9; position:relative}
.pay li.active:before{ position:absolute; width:22px; height:22px; right:-6px; bottom:-6px; content:""; display:block; background:url(../images/bg_buy.png) no-repeat}
.btn_buy{ width:180px; line-height:40px; text-align:center; background:#e2e2e2; border-radius:5px; display:block; margin:0 auto; color:#fff; font-size:16px;}
.btn_buy:hover{ color:#fff}
.btn_buy.active{ color:#fff; opacity:.9; background:#f50303}
.buy_ka_ts p.p1{ color:#666666}
.buy_ka_ts p a{ color:#0a61b3}
.mark{z-index: 9;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);display:none;}
.wx_show{ width:300px; height:400px; background:#fff; border-radius:10px; position:fixed; left:50%; margin-left:-150px; top:50%; margin-top:-200px; z-index:10; display:none}
.wx_show .box,.zfb_show .box{ position:relative}
.wx_show h3{ font-size:16px; color:#313131; padding:15px 25px }
.wx_pay_ewm{ width:204px; height:204px; margin:10px auto 20px}
.wx_pay_ewm img{ width:204px; height:204px;}
.wx_show p{ font-size:12px; color:#999; text-align:center}
.wx_show strong{ color:#eb0c0c; text-align:center; font-size:26px; display:block; margin:20px auto 0}
.zfb_show{width:500px; height:350px; background:#fff; border-radius:10px; position:fixed; left:50%; margin-left:-250px; top:50%; margin-top:-175px; z-index:10; display:
none}
.zfb_text{ text-align:center; line-height:40px; color:#333; font-size:16px;font-weight:bolder; padding-top:30px; height:260px}
.zfb_text h3{  font-size:20px;font-weight:bolder;}
.zfb_text span{ display:block; color:#31c27c; padding:10px 0}
.zfb_text p{ color:#f50303;font-weight:bolder; margin-top:10px;}
.zfb_btns{ overflow:hidden; width:370px; margin:0 auto}
.zfb_btns a{ line-height:28px; padding:0 20px; font-size:14px; color:#666666; border:1px solid #e2e2e2; border-radius:15px;}
.zfb_btns a.fr{ border-color:#f50303; background:#f50303; color:#fff; padding:0 30px;}

/*��Ʊ*/	
.fp_info{  padding:25px 0; border-bottom:1px dashed #e2e2e2}
.fp_info li{ line-height:35px; color:#2f2f2f; font-size:14px}
.fp_info li span{ width:100px; float:left; text-align:right}
.fp_info li p{ margin-left:110px;}
.fb_pic{ margin:35px 0 0; text-align:center}
.fb_pic img{ max-width:100%;}
.down_fp{ float:right; margin:15px 40px 0 0; font-size:14px; color:#3087d9; text-decoration:underline}
.fp_btn{ overflow:hidden; text-align:center}
.fp_btn a{ line-height:28px; border:1px solid #3087d9; color:#3087d9; float:left; border-radius:15px; padding:0 40px; display:inline-block;*display:inline;*zoom:1;}
.fp_btn a:hover{ background:#3087d9; color:#fff;}
.fp_btn a.cur{ background:#3087d9; color:#fff;}
.edit_fp_info{ overflow:hidden; margin-left:20px;}
.edit_fp_ts{ line-height:56px; border-bottom:1px dashed #e2e2e2; font-size:14px; color:#f50303; opacity:0.5}
.edit_fp_info ul{ padding:15px 0 45px;}
.edit_fp_info li{ line-height:35px; color:#2f2f2f; font-size:14px; overflow:hidden; padding:7px 0}
.edit_fp_info li span{ width:100px; float:left; text-align:right}
.edit_fp_info li p{ margin-left:110px;}
.edit_fp_info li p label{ margin-right:50px;}
.edit_fp_info li p label input{ margin-right:5px;}
.edit_fp_info li p i{ margin-left:10px; color:#f50303; font-size:18px;}
.edit_fp_info li p .input_text{ width:296px; height:32px; border:1px solid #e2e2e2; box-shadow:0 0 1px #ccc; text-indent:12px;}


/*��������*/	
.help_box{ overflow:hidden; padding-top:5px}
.help_box .item{ border-bottom:1px solid #999; padding-bottom:35px; margin-bottom:35px}
.help_box .item:last-child{ border:none}
.help_box .item img{ display:block; margin:0 auto}
.help_tit{ overflow:hidden; padding:0 0 32px 32px}
.help_tit h3{ float:left; width:50px; height:50px; background:url(../images/help_tit_bg.png) no-repeat center center; line-height:50px; text-align:center; color:#fff; font-size:14px; font-weight:bold}
.help_tit p{ float:left; line-height:50px; margin-left:15px; font-size:14px; color:#333333}
.help_tit p a{ color:#3087d9}
.menu{ background:#3087d9}
.menu a{ line-height:50px; display:block; color:#fff; font-size:14px; padding-left:100px;}
.menu a.active,.menu a:hover{ background:#0f6dc5}
.help_wz_detials{ overflow:hidden; line-height:40px; padding-left:35px;}
.help_wz_detials h3{ font-size:14px; color:#3087d9}
.help_wz_detials p{ font-size:14px; color:#333}

#feedAv{ margin-top: -250px!important;transform: scale(0);}


/*ȫԱ��ѵ*/	
.not_peixun{ padding:100px 0 150px; text-align:center}
.qypx_block{ border:1px solid #e2e2e2; border-radius:15px; padding:25px 22px; margin-bottom:35px;}
.px_pic{ border:3px solid #e2e2e2; width:250px; height:180px; float:left }
.px_pic img{ width:250px; height:180px;}
.px_text{ margin-left:280px; line-height:30px}
.qypx_name{ overflow:hidden}
.qypx_name h3{ font-size:16px; color:#333; font-weight:bold; float:left}
.qypx_name span{ border:1px solid #e2e2e2; float:left; border-radius:10px; line-height:16px; color:#666; padding:0 10px; margin:6px 0 0 20px}
.qypx_info span{ margin-right:30px; color:#666}
.qypx_btns{ border-top:1px solid #e2e2e2; margin-top:10px; padding:16px 0 0 4px}
.qypx_btns a{ width:125px; line-height:28px; border:1px solid #3087d9; border-radius:15px; text-align:center; font-size:16px; color:#333; display:inline-block;*display:inline;*zoom:1; margin-right:31px;}
.qypx_btns a.active{ background:#3087d9; color:#fff}
.qypx_detials{ font-size:12px; color:#666; line-height:30px; text-indent:24px; margin-top:10px; overflow:hidden}
.qypx_detials div{ position:relative; display: none;}
.qypx_detials div.active{ height:60px}
.qypx_detials a{ color:#3087d9; position:absolute; right:9px; bottom:0; background:#fff; padding-left:5px; text-indent:0}


/*ҽѧ������ģ����ʽ*/
/*
.main-content {
    width: 1200px;
    margin: 0 auto;
}
*/

.fleft {
    float: left;
    margin-bottom: 13px;
    position: relative;
    margin-right: 13px;
}

.new-class-item {
    width: 260px;
    height: 310px;
    box-sizing: border-box;
}

.class-item-type-2 {
    width: 260px;
    height: 310px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border: 1px solid #eee;
    -webkit-transition: all .3s linear;
}

.cover-and-type {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
}

.new-class-item-box {
    width: 260px;
    height: auto;
    overflow: hidden;
    position: relative;
}

.cover-and-type .cover-wrap {
    display: table-cell;
    width: 260px;
    height: 153px;
    float: left;
}

.cover-and-type .cover-wrap .cover {
    width: 260px;
    height: 153px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.cover-and-type .type-wrap {
    width: 36px;
    height: 36px;
    margin-top: 49px;
    text-align: right;
    float: right;
    position: absolute;
    right: 19px;
    bottom: 16px;
}

.cover-and-type .type-wrap .type {
    width: 36px;
    height: 36px;
    display: block;
}

.duration {
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 85px;
    background: rgba(0, 0, 0, .3);
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.title-wrap .title {
    width: 255px;
    margin: 15px auto 0;
    font-size: 16px;
    text-align: left;
    height: 52px;
    line-height: 25px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-transition: all .3s linear;
}

.detail-wrap {
    width: 100%;
    display: table;
    position: absolute;
    bottom: 20px;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.detail-wrap .joined {
    display: block;
    text-align: right;
    color: #8f8f8f;
    font-size: 14px;
}

.detail-wrap .price {
    text-align: left;
    color: #ff7d52;
    font-size: 20px;
    font-weight: bold;
    display: block;
}

.detail-wrap .free {
    color: #2fbd84;
}

.icons-box {
    width: auto;
    /* height: 24px; */
    text-align: left;
    /* position: absolute;
  top: 25px;
  left: 105px; */
}

.icons-box img {
    display: inline-block;
    width: 87.5px;
    height: 25px;
}

.newbuy {
    width: 50%;
    float: left;
}

.newbuy_box {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.newbuy_tip {
    text-align: left;
}

.all-hover {
    -webkit-transition: all 0.2s linear;
}

.all-hover:hover,
.all-hover:hover span {
    color: #21BB7C !important;
}

.class-item-type-2:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    position: relative;
    top: -5px;
}

.class-item-type-2 .tag {
    /* width: 75px;
              height: 25px;
              border-radius: 12.5px;
              border: 1px solid #5AE9CD;
              display: block;
              font-size: 14px;
              line-height: 25px;
              color: #5AE9CD; */
    width: 75px;
    height: 22px;
    border-radius: 11px;
    border: 1px solid #5AE9CD;
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #5AE9CD;
}

.title-wrap .title {
    width: 233px;
    margin: 15px auto 1px;
    font-size: 16px;
    text-align: left;
    height: 52px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.3s linear;
}

.title-wrap:hover .title {
    color: #21BB7C;
}

.new-class-item > a {
    color: #2c3e50;
    text-decoration: none;
}

.content-table > div .fleft:nth-last-child(1) {
    margin-right: 0;
}
.low_price {
    font-size: 14px;
    color: #8f8f8f;
    margin-left: 1px;
}
.icons-box {
    width: auto;
    text-align: left;
}
.new_buying {
    float: right;
    position: absolute;
    right: 0;
    bottom: 2px;
}




/*��ҽ��ѵ����*/
.zy-big-tit{ text-align:center; font-size:32px; padding:0px 0 10px; color:#333}
.zy-box{ box-shadow:0 0 9px rgba(0,0,0,.09);  border-radius:10px; overflow:hidden; margin-bottom:30px}
.zy-tit{ background:#3087d9 url(../images/icon_course_fff.png) no-repeat 29px center; height:58px; line-height:58px;}
.zy-tit h3{ color:#fff; font-size:16px; font-weight:bold; padding-left:67px; white-space:nowrap; overflow:hidden;  text-overflow:ellipsis}
.zy-list{ line-height:64px; height:64px; border-bottom:1px dashed #e2e2e2}
.zy-list:last-child{ border:none}
.zy-list a{ display:block; overflow:hidden; padding:0 30px}
.zy-name{ float:left; background:url(../images/icon-zy-name.png) no-repeat left center; padding-left:35px; width:420px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis}
.zy-text{ margin-left:30px; color:#999; font-size:14px; float:left}
.zy-btn{ float:right; color:#f4b838; font-size:14px; background:url(../images/icon-zy-btn.png) no-repeat left center; padding-left:35px}
.zy-list a:hover{ background:#f0fdfd}
.zy-list a:hover .zy-text{ color:#3087d9}


/*������ʽ*/
.card-box{
    background: url(../images/right-xian.png) no-repeat right center;
}
.card-info{
    overflow: hidden;
    text-align: left;
    padding: 0 10px;
}
.card-info img{
    width: 190px;
    height: 120px;
    float: left;
}
.card-info > div{
    margin-left: 200px;
    width: 174px;
}
.card-info > div h3{
    font-size: 16px;
    color: #333;
  /*  white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0 5px;

}
.card-info > div p{
    line-height: 20px;
    color: #ff0101;
    font-size: 14px;
}
.card-info > div div{
    line-height: 21px;
    padding: 0 9px;
    display: inline-block;
    border: 1px solid #158bf9;
    border-radius: 5px;
    margin-top: 10px;
}
.card-num{
    padding:10px 10px 0;
    overflow: hidden;
}
.card-num .bent_number{
    float: left;
}
.card-num a{background:#3087d9; border-radius:15px; padding: 0 20px; margin: -5px 0 0 10px;  line-height:30px; color:#fff; font-size:14px; float: left;} 
.card-p{
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}