@charset "gb2312";
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select{margin:0;padding:0; }
body{font-family:"Microsoft Yahei";font-size:14px; background:#fff;-webkit-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}
a{text-decoration:none; color:#333; }
a:hover{text-decoration:none; color:#922caa;}
em{font-style:normal; overflow:hidden;}
ul,li{list-style:none;}
img{border:0;vertical-align:middle}
input {outline: none;}textarea {outline: none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.clear_b{ clear:both; height:0; line-height:0; overflow:hidden;}
.fl{ float:left; display:inline-block;}
.fr{ float:right; display:inline-block;}
.learning-pc-main{ margin:0 auto; width:1100px; overflow:hidden; padding-top:120px;}
.learning-left,.learning-title{ width:815px;}
.learning-left,.learning-title{ padding-bottom:12px;}
.learning-title-list{ background:url(../images/study_l_bg_02.png) repeat-y; width:156px; position:relative; margin:50px 0;}
.learning-title-list em.learning-t-t,.learning-title-list em.learning-t-b{ position:absolute;}
.learning-title-list em.learning-t-t{ top:-50px;}
.learning-title-list em.learning-t-b{ bottom:-15px;}
.learning-title-list ul{ background:url(../images/study_l_bg_03.png) bottom no-repeat; padding:15px 0;}
.learning-title-list ul:last-child{ background:none;}
.learning-title-list ul li{ width:100%; text-align:center; line-height:26px;}
.learning-title-list ul li h2 a{ color:#86523d; line-height:38px; font-size:20px;}
.learning-title-list ul li a{ color:#9d7159; font-size:16px; text-shadow:0 0 1px #aaa;}
.learning-title-list ul li a span{ color:#f88103;}
.learning-right{ width:275px;}

.main-list{width:650px; overflow:hidden;}
.list_mess,.list_hot{clear:both; width:650px;}
.list_mess ul.mess_ul{ width:200px; height:162px; padding-top:23px; margin-left:15px; float:left;}
.list_mess ul.mess_ul li{ line-height:26px;}
.list_mess ul.mess_ul li a{ text-shadow:0 0 1px #bbb;}
.list_mess ul.mess_ul li h2{ margin-left:-9px; padding-bottom:10px;}
.list_mess ul.mess_ul li h2 a{ font-size:18px;}
.list_mess ul.mess_ul li span a{ color:#632771;}
.list_mess ul.mess_ul li span{ display:inline-block;}
.list_mess ul.mess_ul li span{ float:left;}
.list_mess ul.mess_ul li span.more_title{ padding-left:15px;}
.list_mess em.mess_line{ background:url(../images/line_01.jpg) repeat-x; clear:both; display:block; height:4px; width:100%;}

.list_hot{ padding-left:15px; width:635px;}
.list_hot h2.hot_title,h3.list_like_title{ background:url(../images/line_01.jpg) bottom repeat-x; color:#9b000e; font-size:18px; padding-bottom:8px; height:32px;}
.list_hot h2.hot_title em.hot_ico,h3.list_like_title em.like_ico{background:url(../images/study_icos.png) no-repeat 0 -72px; height:30px; width:30px; margin-right:10px; display:inline-block; vertical-align:middle}
.list_hot ul.hot_infor{background:url(../images/study_b_li.png) 0 7px no-repeat; clear:both; padding-left:47px; height:190px; width:600px; margin-top:12px;}
.list_hot ul.hot_infor li{ line-height:32px;}
.list_hot ul.hot_infor li a,.list_hot ul.hot_infor li span{ display:inline-block;}
.list_hot ul.hot_infor li span{ color:#666; float:right; font-size:12px; width:80px;}

.learning-right{ border:1px solid #e1e1e1; margin-top:16px;}
.right_tags,.right_link,.right_news{ padding:15px 12px;}
.right_tags,.right_link{ border-bottom:1px solid #e1e1e1; line-height:36px;}
.learning-right h3.right_title{ font-size:18px; line-height:32px; font-weight:normal; text-shadow:0 0 1px #aaa; padding-bottom:10px;}
.tas_main a{ margin-right:15px;}
ul.link_list{}
ul.link_list li{ line-height:43px;}
.r_news_pic{ width:245px; overflow:hidden; height:165px;}
.r_news_mess,.r_news_mess h4{ padding:10px 0}
.r_news_mess h4 a{ font-size:15px; font-weight:bold;}
.r_news_mess p{ line-height:26px;}

/*列表页*/
h2.list_title{ background:url(../images/line_01.jpg) bottom repeat-x; color:#474747; font-size:24px; padding-bottom:16px; height:32px; font-weight:normal;text-shadow:0 0 2px #bbb;}
ul.list_info{ clear:both; width:760px; text-align:left;}
ul.list_info li{ clear:both; padding:20px 0 10px 0; width:100%; line-height:33px;}
ul.list_info li a:hover{color:#652973;}
ul.list_info li h2 a,ul.list_info li h2 a b{ color:#000; font-size:18px; font-weight:normal; text-shadow:0 0 1px #999;}
ul.list_info li p a{color:#363636;}
ul.list_info li p strong a{ color:#652973; margin-left:12px;}   
/*列表页_猜你喜欢*/
.list_likes,ul.list_bottom_titles{margin-top:15px;}
.list_likes,h3.list_like_title{ width:100%;}
h3.list_like_title em.like_ico{ background-position:0 0}
ul.list_bottom_titles,.list_bottom_titles2{ margin-left:auto; margin-right:auto; width:810px; line-height:34px;}
ul.list_bottom_titles strong,.list_bottom_titles2 a{ margin-right:10px; font-size:16px;}
ul.list_bottom_titles strong:first-child,.list_bottom_titles2 a:first-child{ margin-left:-8px;}
ul.list_bottom_titles a{ font-size:15px; margin-right:10px; display:inline-block; width:120px; word-break:break-all; vertical-align:top;}
.list_bottom_titles2 a{ font-weight:bold;}

/*内容页*/
.crumbs{ padding-bottom:20px;}
.cont_title{background:url(../images/line_01.jpg) bottom repeat-x; padding-bottom:26px;}
.cont_title h1{ color:#474747; font-size:24px;text-shadow:0 0 2px #bbb; font-weight:normal;}
.cont_title p{ color:#363636; padding-top:12px;}
.cont_title p span{ color:#818181;}
.cont_txt div,.cont_txt p{ font-size:14px; padding-top:10px; line-height:24px; color:#363636;}
.cont_txt p strong{ font-size:17px; color:#222; padding-top:12px; display:inline-block;}
.cont_txt div{ padding-right:16px;}
.cont_txt div img{ display:block; margin:5px auto;}
.cont_copy{clear:both; margin-top:15px;}
.cont_copy .copy_txt{background:url(../images/cont_ico.png) 0 13px no-repeat; color:#ad0004; padding-left:24px;}
.cont_copy .cont_edit{ color:#999; font-size:12px;}
.cont_txt h2{position: relative;font-weight: bold;font-size: 18px;letter-spacing: 1px;}
.cont_txt h2 i{position: absolute;top: 0;left: 0;width: 22px;height: 22px;line-height: 22px;background-color: #2f567a;text-align: center;color: #FFF;font-size: 12px;}
.cont_pages{ clear:both; padding:15px 0;}
.cont_pages .pages_li{line-height:32px;}

.list_related{clear:both; margin-top:20px; width:100%;}
.list_related ul.related_mess{ overflow:hidden; padding-bottom:26px;}
.list_related ul.related_mess li{background:url(../images/cont_li.png) 0 13px no-repeat; padding-left:14px; line-height:30px; float:left; width:370px; padding-right:10px; margin-left:12px;}

/*移动页*/
.phone_main{ max-width:640px; margin:0 auto;}
.phone_logo{ background:url(../images/header_bg.jpg) repeat; border-bottom:1px solid #923ea3; width:100%; padding:1.5% 0;}
.phone_logo img,.phone_imgs img{ width:100%;}
.phone_nav{ background-color:#f6f4f3; border-bottom:1px solid #dad8d7; overflow:hidden;}
.phone_nav a{ font-size:0.9em; font-weight:bold; color:#484848; width:23%; margin:0 1%; text-align:center; float:left; display:inline-block; height:100%; padding:1.5% 0;}
.phone_nav a.btn_active{ background:url(../images/nav_ico.png) bottom center no-repeat; border-bottom:2px solid #6f2a7d; color:#6f2a7d;}

.phone_mess_list,.phone_title_tabs,.phone_mess_list{ width:90%; padding:0 5%;}
.phone_mess_list h2{ clear:both; margin-top:4%; font-size:1.4em;}
.phone_mess_list h2 img{ margin-right:6px; width:8%; vertical-align:middle;}
ul.phone_index_list{ background:url(../images/phone_line.jpg) bottom repeat-x; margin:2% 0; padding-bottom:3%;}
ul.phone_index_list li{line-height:180%;}
ul.phone_index_list li a{ color:#474747; font-size:1em;}
ul.phone_index_list li span.phone_more{ padding-right:20px;}
ul.phone_index_list li span a{font-size:0.9em;}
.color1{color:#5b5080;}

.phone_title_tabs{ line-height:180%;}
.con-form2{ background:none; width:96%; margin:0 auto}
.get_course p{ padding:0; margin:0; clear:both; height:auto; line-height:100%; text-align:left; padding-left:25%;}
.get_course dl{ clear:none !important; margin-bottom:7px; padding-bottom:0; width:100%;}
.con-form2 dl dt,.con-form2 dl dd{ margin:0; padding:0}
.con-form2 dl.dl_input1{float:left; background:url(../images/form_name.png) no-repeat; background-size:100% 100%;}
.get_course .text{ width:97%;}
.con-form2 dl.dl_input2{float:right; width:25%;}
.con-form2 dl.dl_input2 dd{ width:100%;}
.con-form2 dl.dl_input3{background:url(../images/form_phone.png) no-repeat; background-size:100% 100%; width:100%}
.con-form2 dl.dl_input4{background:url(../images/form_school.png) no-repeat; background-size:100% 100%; }
.con-form2 dl dt.form_tab{ width:25%; padding-top:3px; display:block; float:left; text-align:center; font-size:12px}
.con-form2 dl dd{ width:75%;}
.con-form2 dl dd.form_name{ width:40%;}
.con-form2 dl dd.form_age{ width:30%; float:right;}

.get_course .text,.con-form2 input,.con-form2 .get_course dd a.area_bg{ background:none; border:none;}
.get_course .text,.get_course span.tips,.con-form2 .get_course dd a.area_bg{ padding:0px 5px; font-size:11px;}
.get_course dd a.area_bg{ overflow:hidden;}
.get_course a.btn_submit{ background:url(../images/form_btn.png) no-repeat; background-size:100% 100%; width:100%;}

@media(device-height:667px) and (-webkit-min-device-pixel-ratio:2){
	#age{ height:28px; font-size:13px}	
	.get_course dl{ padding:4px 0;}
	.get_course a.btn_submit{ padding:6px 0}
	.con-form2 dl dt.form_tab,.get_course .text,.get_course span.tips,.con-form2 .get_course dd a.area_bg{ font-size:13px; padding-top:1px; padding-bottom:1px;}
}		

@media(device-height:736px) and (-webkit-min-device-pixel-ratio:2){	
	#age{ height:30px; font-size:15px}		
	.get_course dl{ padding:4px 0;}
	.get_course a.btn_submit{ padding:8px 0}
	.con-form2 dl dt.form_tab,.get_course .text,.get_course span.tips,.con-form2 .get_course dd a.area_bg{ font-size:15px; padding-top:4px; padding-bottom:4px;}
	
}

/*内容页移动端*/
.phone_mess_list{ line-height:180%}
.phone_bread{ font-size:0.9em; padding:2% 0;}
h1.phone_title{ font-size:1.5em; color:#5b5080; line-height:200%;}
p.phone_time{ color:#363636;}
p.phone_time span{ color:#818181;}
.phone_txt{ color:#474747; padding-top:2%;}
.phone_txt p{ padding-top:1%; text-indent:2em;}
p.phone_copy_txt{background:url(../images/cont_ico.png) 0 13px no-repeat; color:#ad0004; padding-left:4px;}
p.phone_cont_edit{ background:url(../images/phone_line.jpg) bottom repeat-x; padding-bottom:2%; color:#999;}

.phone_pages{ clear:both; padding:3% 0; margin-top:10px;}
.phone_pages .pages_ul{line-height:200%;}

.cont_state{clear:both; margin-top:12px; border:1px dashed #aaa; padding:8px 12px; font-size:11px; line-height:22px; color:#666;}
.cont_state p,.cont_state p strong{ font-size:11px; padding-top:0}

h1.pagetitle{ font-size:26px; color:#222; padding-bottom:26px; text-shadow:0 0 2px #bbb; text-align:center;}
h1.pagetitle span{font-size:0;}

/*banner*/
.learning_banner{background:url(../images/p_bg1.jpg) repeat-x; text-align:center;}