@charset "utf-8";
/* 说明：个人中心相关样式 */


.per_cen_bodys{ background:#fff; }

.per_cen_body{ min-width:1100px; background:url(../img/per_cen_bg.png) no-repeat center 165px #fff; }
.per_cen_con{ padding:40px 0 0 0; margin:0 auto; max-width:1100px; zoom:1; }

.per_cen_l{ position:relative; width:220px; min-height:550px; zoom:1; background:#fff; }
.p_c_l_tit{ position:absolute; left:-6px; top:0; width:227px; height:46px; background:url(../img/per_cen_tit.png) no-repeat; }
.p_c_l_ul{ display:block; padding:40px 0 0 0; }
.p_c_li_a, .p_c_li_as{ display:block; height:40px; line-height:40px; }
.p_c_l_a_sty{ display:block; padding:0 0 0 20px; font-size:15px; font-weight:bold; }
.p_c_li_tw{ display:block; padding:0 10px; }
.p_c_li_tw li+li{ border-top:1px dotted #c5d9e7; }
.p_c_tw_a, .p_c_tw_as{ display:block; padding:0 0 0 25px; height:36px; line-height:36px; background:url(../img/per_cen_jtc.png) no-repeat 5px center; }

.per_cen_r{ width:876px; min-height:728px; zoom:1; background:#fff; border:1px solid #fff; }
.p_c_r_top{ padding:0 10px; height:40px; line-height:40px; background:url(../img/per_cen_r_top.png) repeat-x left -1px; }
.per_cen_all{ padding:20px; zoom:1; }

.p_c_r_ind{ padding:10px 0 0 20px; }
.p_c_r_tab{ border:0px; }
.p_c_r_tab tr td{ padding:0 20px 0 0; }
.p_c_head{ border:1px solid #d8d8d8; border-radius:50%; }
.p_c_heads{ width:80px; height:80px; overflow:hidden; border:3px solid #fff; border-radius:50%; }
.p_c_t_ul li{ float:left; padding:0 20px 0 0; line-height:25px; }
.p_c_r_ads{ padding:0 10px 0 0; font-size:18px; color:#1c7bbb; }
.p_c_r_ic1{ padding:0 0 0 25px; background:url(../img/p_c_r_ic1.png) no-repeat left center; }
.p_c_r_ic2{ padding:0 0 0 25px; background:url(../img/p_c_r_ic2.png) no-repeat left center; }
.p_c_r_ic3{ padding:0 0 0 25px; background:url(../img/p_c_r_ic3.png) no-repeat left center; }
.p_c_r_ic4{ padding:0 0 0 25px; background:url(../img/p_c_r_ic4.png) no-repeat left center; }

.p_c_r_c{ padding:30px 20px 20px 20px; }
.p_c_r_c_tab{ width:100%; border:1px dotted #d9d9d9; border-collapse:collapse; }
.p_c_r_c_tab tr td{ padding:10px; border:#d9d9d9 1px dotted; }
.p_c_r_tdw{ width:88px; text-align:center; }/*个人中心表格第一列*/
.p_c_a_ul li{ float:left; padding:0 30px; }
.p_c_r_a1{ display:block; padding:40px 0 0 0; background:url(../img/per_cen_rimg1.png) no-repeat center top; }
.p_c_r_a2{ display:block; padding:40px 0 0 0; background:url(../img/per_cen_rimg2.png) no-repeat center top; }
.p_c_r_a3{ display:block; padding:40px 0 0 0; background:url(../img/per_cen_rimg3.png) no-repeat center top; }
.p_c_li_nub{ padding:0 2px; color:#f60; }

.p_c_y_ul li{ float:left; padding:20px 0 20px 20px; line-height:30px; }
.p_c_y_but1{ display:block; width:75px; height:35px; line-height:30px; text-align:center; color:#fff; outline:none; background:url(../img/per_cen_but1.png) no-repeat; }
.p_c_y_but2{ display:block; width:75px; height:35px; line-height:30px; text-align:center; color:#fff; outline:none; background:url(../img/per_cen_but2.png) no-repeat; }

.p_c_r_s{ padding:20px 0 20px 20px; zoom:1; }
.p_r_s_con{ padding:20px 0 0 0; }
.p_r_s_jl{ width:15px; height:50px; cursor:pointer; background:url(../img/per_cen_s_l.png) no-repeat left center; }
.p_r_s_jls{ width:15px; height:50px; cursor:pointer; background:url(../img/per_cen_s_r.png) no-repeat right center; }
.p_r_s_ul li{ float:left; padding:0 3px; }
.p_r_s_ul li a{ float:left; }
.p_r_s_ul li a img{ width:85px; height:50px; }

/* 我的班级 */
.per_cen_ts{ padding:0 0 0 30px; height:40px; line-height:40px; color:#f60; background:url(../img/per_cen_ts.png) no-repeat 10px center #fbf4e8; border:1px solid #ecd3a7; }

.per_cen_cla_lis{ padding:20px 0 0 0; }
.p_c_cla_tab{ clear:both; width:100%; text-align:center; border:1px solid #cee8fa; border-collapse:collapse; }
.p_c_cla_tab tr td{ padding:0 5px; line-height:40px; }

.p_c_cla_nam{ position:relative; float:left; display:block; width:200px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.p_c_cla_nams{ position:relative; float:left; display:block; width:150px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.p_c_cla_ad{ position:relative; float:left; display:block; width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.p_c_cla_tec{ color:#090; }

.per_c_cla_tit{ height:40px; font-size:18px; text-align:center; }
.per_c_cla_ul{ display:block; margin:0 auto; zoom:1; }
.per_c_cla_ul:after{ display:block; clear:both; content:""; height:0px; line-height:0px; font-size:0px; }
.per_c_cla_ul li{ float:left; width:20%; height:70px; border-left:0; border-bottom:0; }
.per_c_cla_li{ cursor:pointer; background:url(../img/per_cen_cha_2.png) repeat-x center bottom; }
.per_c_cla_li:hover{ background:url(../img/per_cen_cha_1.png) repeat-x center bottom; }
.per_c_cla_lis{ cursor:pointer; background:url(../img/per_cen_cha_1.png) repeat-x center bottom; }
.per_c_cla_d{ height:58px; border:1px solid #C8E2F6; border-bottom:0; border-left:0; }
.per_c_cla_ds{ height:58px; border:1px solid #C8E2F6; border-bottom:0; border-left:0; }
.per_c_cla_sp1, .per_c_cla_sp2, .per_c_cla_sp3, .per_c_cla_sp4, .per_c_cla_sp5{ display:block; padding:0 0 0 63px; height:55px; line-height:55px; font-size:16px; }
.per_c_cla_sp1{ background:url(../img/per_cen_cha_img1.png) no-repeat 25px center; border-left:1px solid #C8E2F6;}
.per_c_cla_sp2{ background:url(../img/per_cen_cha_img2.png) no-repeat 25px center; }
.per_c_cla_sp3{ background:url(../img/per_cen_cha_img3.png) no-repeat 25px center; }
.per_c_cla_sp4{ background:url(../img/per_cen_cha_img4.png) no-repeat 25px center; }
.per_c_cla_sp5{ background:url(../img/per_cen_cha_img5.png) no-repeat 25px center; }

.p_c_cla_cha_1{ margin:0 auto; padding:10px 0 20px 0; zoom:1; }
.p_c_cla_cha_1:after{ display:block; clear:both; content:""; height:0px; line-height:0px; font-size:0px; }
.p_c_c_img{ width:200px; }
.p_c_c_img img{ width:100%; }

.pc_cla_j{ line-height:35px; }
.p_c_j_n{ padding:0 0 0 10px; }
.pc_cla_a_lis{ padding:10px 0 0 0; }
.p_c_c_z1{ color:#090; }
.p_c_c_z2{ color:#F00; }
.s_o_p_o{ position:absolute; top:0; left:0; width:80%; height:8px; background:#FFA200; }
.s_o_p{ position:relative; float:left; margin:15px 0 0 0; width:100px; height:8px; background:#E0DFDF; }

/* 我的收藏 */
.per_col_ul{ zoom:1; display:block; margin:0 0 10px 0; }
.per_col_ul:after{ display:block; clear:both; content:""; height:0px; line-height:0px; font-size:0px; }
.per_col_ul li{ float:left; width:120px; height:30px; line-height:30px; text-align:center; cursor:pointer; border-left:0; }
.per_col_li{ color:#fff; }

.per_col_img_ul{ display:block; margin:0 auto; padding:15px 0 10px 0; zoom:1; border-bottom:1px dotted #c8e2f6; }
.per_col_img_ul:after{ display:block; clear:both; content:""; height:0px; line-height:0px; font-size:0px; }
.per_col_img_ul li{ float:left; display:block; padding:10px 9px 10px 0; width:200px; }
.p_col_a_img img{ width:100%; }
.per_col_sp{ float:left; display:block; width:150px; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.per_col_cl{ float:right; display:block; width:15px; height:30px; line-height:30px; cursor:pointer; background:url(../img/per_cen_col.png) no-repeat left center; }

.ap_but_sty{ float:right; display:block; margin:0 0 10px 0; padding:0 10px 0 30px; height:30px; color:#fff; cursor:pointer; border:0; border-radius:5px; outline:none; }

/* 其他 */
.per_h_sel{ margin:0 0 20px 0; width:125px; height:25px; border:1px solid #ddd; outline:none; }
.per_h_search{ width:50px; height:25px; line-height:25px; background:url(../img/per_h_search.png) no-repeat; border:none; }
.per_h_spl{ color:#0d80d2; }
.per_h_exm{ padding:0 0 0 30px; text-align:center; background:url(../img/per_h_exm.png) no-repeat 10px center; }
.per_h_load{ padding:0 10px 0 15px; background:url(../img/per_h_load.png) no-repeat 0 center; }
.per_h_submit{ padding:0 0 0 15px; background:url(../img/per_h_submit.png) no-repeat 0 center; }
.per_h_title{ float:left; margin:0 0 20px 0; height:30px; line-height:30px; }

.p_c_c_t_but{ display:block; margin:0 auto; width:60px; height:22px; line-height:22px; font-family:"微软雅黑"; font-size:12px; color:#fff; cursor:pointer; outline:none; background:#1AB11E; border:0; }
.p_c_c_t_but:hover{ background:#090;}
.p_c_c_t_buts{ display:block; margin:0 auto; width:60px; height:22px; line-height:22px; font-family:"微软雅黑"; font-size:12px; color:#fff; cursor:pointer; outline:none; background:#EB3F3F; border:0; }
.p_c_c_t_buts:hover{ background:#D12C2C; }

.p_c_c_a{ color:#0D80D2; }
.c_d_i_cr{ padding:10px; background:#FEF1E4; border:1px dotted #F60; }
.c_d_i_cr1{ height:30px; color:#C00; }
.c_d_i_cr3{ color:#999; }
.c_d_i_cr2{ height:30px; }

.p_c_e_g{ color:#0D80D2; }
.p_c_e_c{ color:#F30; }
.p_c_e_s{ cursor:pointer; }
.p_c_e_gs{ color:#0D80D2; cursor:pointer; }

/* 个人信息 */
.p_c_inf_tit{ font-weight:bold; }
.p_c_inf_ul li{ clear:both; display:block; padding:0 0 20px 0; zoom:1; }
.p_c_inf_ul li:after{ display:block; clear:both; content:""; height:0px; line-height:0px; font-size:0px; }

.p_c_inf_con{ padding:20px 0 10px 0; zoom:1; border-bottom:1px dotted #C8E2F6; }
.p_c_inf_con:after{ display:block; clear:both; content:""; height:0px; line-height:0px; font-size:0px; }
.p_c_inf_sp{ display:block; width:70px; line-height:35px; text-align:right; }/*个人信息：用户名溢出*/
.p_c_inf_h{ padding:13px 0 0 20px; }
.p_c_in_g{ display:block; height:30px; }
.p_c_inf_but{ display:block; width:80px; height:30px; line-height:30px; text-align:center; color:#fff; border:0; border-radius:5px; outline:none; }

.p_c_inf_k{ padding:20px 0 0 0; }
.p_c_inf_x{ padding:20px 0 0 60px; }

/* 修改密码 */
.per_cen_pas_ul{ clear:both; padding:40px 0 0 50px; }
.per_cen_pas_ul li{ clear:both; height:60px; }

.per_pas_sp{ display:block; width:140px; height:32px; line-height:32px; text-align:right; }/*修改密码：修改密码溢出*/
.per_pas_inp{ padding:0 0 0 5px; width:245px; height:32px; line-height:32px; border-radius:5px; }
.per_pas_inp_a{ padding:0 0 0 5px; width:245px; height:32px; line-height:32px; border-radius:5px; }

.per_cpas_but_div{ clear:both; padding:10px 0 0 170px; }
.per_ca_bs{ float:left; margin:0 10px 0 0; }

/* 我的问题 */
.p_c_q_cl{ padding:20px 0 0 0; }
.p_c_que_text{ width:650px; height:150px; border:1px solid #B4D6F2; outline:none; }
.que_con_div{ clear:both; margin:0 18px 20px 0; padding:15px; zoom:1; border:1px dotted #ddd; }
.que_con_div:after{ display:block; clear:both; content:""; height:0px; line-height:0px; font-size:0px; }
.que_con_tit{ /* height:25px; */ font-weight:bold; }

.que_con_cla{ height:30px; color:#666; }
.que_con_sp{ padding:0 20px 0 0; }
.que_con_rep{ }
.que_con_h{ width:70px; color:#1C7BBB; }
.que_con_rep_t{ color:#333; }

/* 在线答疑 */
.per_online{ color:#666; }
.per_online_left{float: left; width: 20%;height: 615px; border: 1px solid #C8E2F6; overflow-y:auto;}
.per_online_left li{height:30px;line-height: 30px;border: 1px solid #C8E2F6;padding: 0 0 0 10px;border-radius: 5px;margin: 2px; overflow:hidden;}

.per_online_middle{ float:left; width:59%; min-height:615px; border-top:1px solid #C8E2F6; border-bottom:1px solid #C8E2F6; }
.per_om_title{line-height: 24px;height: 35px;border-bottom: 1px solid #C8E2F6;font-size: 12px;font-weight: normal;margin: 0; overflow:hidden; padding:0 20px; position:relative; }
.per_om_title>span{ display:none; position:absolute; right:0; width:20px; height:35px; background:url(../images/userImg/enter.png) no-repeat center #fff; line-height:30px; text-align:center; cursor:pointer; }
.per_om_title>span:first-child{ left:0; background:url(../images/userImg/return.png) no-repeat center #fff; }
.per_omt_ul li{ float:left; margin:5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #C8E2F6; border-radius:5px; }

.per_om_content{height: 450px;border-bottom:1px solid #C8E2F6; clear: both; overflow-y:auto; }
.per_om_content li{padding: 10px;clear: both;}
.per_omc_img{ float:left; padding: 0 10px 0 0; width:30px; height:30px; }
.per_omc_content{ float:left; }
.per_omc_name{ margin:0; font-size:15px; font-weight:normal; }
.per_omc_text{ margin:0; padding:5px; font-size:16px; color:#222; }
.per_om_textarea{ padding:10px; width:95%; height:65px; border:0; resize:none; outline:none; }
.per_om_send{ float:right; display:block; margin: 0 20px 0 0; width:70px; height:25px; line-height:25px; text-align:center; color:#fff; border-radius:5px; }

.per_o_selected{ color:#1C7BBB; background:#D6EAFA; }
.per_online_right{ float:left; width:20%; min-height:615px; border:1px solid #C8E2F6; }
.per_or_title{ margin:0; padding:10px; height:35px; font-size:12px; font-weight:bold; border-bottom:1px solid #C8E2F6; }
.per_or_in{ color:#207dbb; }
.per_or_ul{ padding:0 20px 20px 20px; }
.per_or_ul li{ padding:10px 0 0 0; }
.per_or_img{ width:20px; height:20px; vertical-align:middle; }

.appl_b_sty{ display:block; width:80px; height:32px; font-family:"微软雅黑"; color:#fff; cursor:pointer; background:#b12025; border:1px solid #b12025; border-radius:5px; outline:none; }

/*评教弹出层*/
#per_cen_z{display: none;}
.per_cen_z{position: absolute; top: 0; left: 0; width: 100%; height: 1200px; background: #000; z-index: 999; opacity: .5; filter: alpha(opacity=50);}

/*问卷调查*/
.per_cen_q_c{overflow-y: auto;position: absolute; top: 5%; left: 25%; width: 50%;height: 90%; min-width: 600px; max-width: 800px; background: #fff; z-index: 1001; box-shadow: 2px 2px 5px #000;}
.per_cen_q_b{overflow-y: auto;height: 90%;width: 100%;}

/*分页*/
.paging_div{height: 30px;line-height: 30px;margin-top: 10px;}
.paging_ul{text-align:center}
.paging_ul li{display: inline-block;margin:auto 5px;}