@charset "utf-8";

/* CSS Document */

.blue_bg_btn{ display: inline-block; background:#428be7; color:#fff; border-radius:3px;}
.blue_bg_btn:hover{ background:#2c7ce1; text-decoration:none; color:#fff;}

.blue_li_btn{ display: inline-block; background: url(/img/qqico.png) no-repeat 10px -54px #fff; border:1px solid #428be7; color:#555; height:32px; line-height:32px; padding:0 10px 0 35px; border-radius:3px;}
.blue_li_btn:hover{ background: url(/img/qqico.png) no-repeat 10px -54px #eaf3ff;}


.whit_bg_btn{ border:1px solid #ddd; border-radius:3px; padding:0 15px; display:inline-block; background:#fff; cursor:pointer; font-size: 13px; line-height: 26px; height: 26px;}
.whit_bg_btn:hover{background:#f4f4f4;}


.set_mwrap{ width:850px; margin:0 auto; font-size:12px;}
.set_mwrap h1{ font-size:18px; color:#333; margin-bottom:10px;}

.set_mmain{}
.tabdw { border-bottom:2px solid #f2f2f2; background:#fff;}
.tabdw li{ float:left; margin-left:30px;}
.tabdw li.on span{ border-bottom:3px solid #22ba9f; color:#333;}
.tabdw li span{ font-size:14px; color:#666; line-height:40px; display:block; margin-bottom:-1px; cursor:pointer;}
.tabdw li:hover span{ border-bottom:3px solid #22ba9f}

.set_mcon { padding:30px; margin-bottom:3px; background:#fff;}
.set_mcon form::after{ content:""; display:block; clear: both;}
.set_mcon form{ float:left; padding:0 50px; width:132px;}
.set_mcon .ts{ background:#fef2e6; border:1px solid #f9e4cd;vertical-align:top; padding:5px 10px; margin-bottom:20px;}
.set_mcon .ts i{ width:17px; height:17px; display:inline-block; background: url(/img/account/set_ico.png) no-repeat; margin-right:10px;}
.set_mcon .l_tit{ float:left; width:110px; font-size:16px; color:#333;}

.r_cn{ width:650px; float:left;}
.set_mcon .r_cn .if_itme { width:100%; float:left; margin-bottom:25px;}
.set_mcon .r_cn .if_itme h3{ font-weight:normal; color:#333; font-size:14px; margin-bottom:5px;}
.set_mcon .r_cn .if_itme h3 em{ font-size:12px; color:#999; margin-left:5px;}

.set_mcon .r_cn .u_photo{ width:128px; height:128px;}
.set_mcon .r_cn .u_photo{ position:relative; float:left; margin:5px 20px 5px auto;width:128px;height:128px;overflow: hidden;border: 2px solid white;background: #fff; cursor:pointer; border-radius:7px;}
.set_mcon .r_cn .u_photo img{ width:100%;}
.set_mcon .r_cn .u_photo .edit{ line-height:20px; font-size:12px; color:#fff; width:100%;  position: absolute; top:100px; background:#555;  text-align:center; height:80px;display:block;opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}
.set_mcon .r_cn .c_name{ margin:6px 0;}
.set_mcon .r_cn .c_name input{ border:1px solid #dfdfdf; height:32px; line-height:32px; padding-left:10px; color:#444; font-size:14px; border-radius:4px; width:280px;} */
.set_mcon .r_cn .zs_text{ color:#999; line-height:20px;}
.set_mcon .r_cn .wnone .zs_text{ color:#f36100;}
.set_mcon .r_cn .c_name .active{ border:1px solid #f98437;}
.set_mcon .r_cn .save_n_btn input{ height:28px; border-radius:3px; line-height:28px; padding:0 20px; margin-right:10px; cursor:pointer;}
.set_mcon .r_cn .save_n_btn input.save{ background:#428be7; color:#fff;}
.set_mcon .r_cn .save_n_btn input.save:hover{ background:#3380e0;}
.set_mcon .r_cn .save_n_btn input.canv{ background:#f1f1f1; border:1px solid #dcdcdc;}
.set_mcon .r_cn .save_n_btn input.canv:hover{ background:#e9e9e9;}
.set_mcon .r_cn .email{ margin:5px 0;}
.set_mcon .r_cn .email em{ font-size:14px;}
.set_mcon .r_cn .email span{ margin:0 5px;}
.set_mcon .r_cn .gl_btn{ margin-left:5px;color:#428be7; text-decoration:none;}
.set_mcon .r_cn .gl_btn:hover{ text-decoration:none;}

/*.set_mcon .r_cn .gl_btn_n{background:#ddd; line-height:24px; padding:0 10px; font-size:12px;display:inline-block; text-align:center; border-radius:3px; margin-left:5px; border:1px solid #cfcfcf; color:#666;}
.set_mcon .r_cn .gl_btn_n:hover{ background:#f8f8f8;}*/

.set_mcon .r_cn .yico i{ width:17px; height:11px; margin-right:3px;display:inline-block; background:url(/img/account/set_ico.png) no-repeat 0 -24px;}
.set_mcon .r_cn .nico{ color:#fa6b0d;}
.set_mcon .r_cn .nico a{background:#f98437; color:#fff; line-height:28px; padding:0 15px; font-size:12px;display:inline-block;border-radius:3px; margin-left:5px;}
.set_mcon .r_cn .nico a:hover{ background:#f47a2a;}
.set_mcon .r_cn .cus{ color:#999;}
.set_mcon .r_cn .cus a{}

.set_mcon .upmain_box{ padding-left:70px; margin:15px 0;}
.set_mcon .upmain_box .upbtn .btn{ border:1px solid #dcdcdc;}
.set_mcon .upmain_box .upbtn p{ margin:12px 0; font-size:12px; color:#999;}
.set_mcon .upmain_box .uppic{width: 200px;height:200px;overflow:hidden}
.set_mcon .upmain_box .uppic img{ max-width:100%; max-height:100%;}
.set_mcon .upmain_box .operabtn { margin-top:15px;}
.set_mcon .upmain_box .operabtn button{ font-size:12px; border:1px solid #dcdcdc; padding:4px 15px; border-radius:3px; background:#f1f1f1; cursor:pointer; }
.set_mcon .upmain_box .operabtn button:hover{ background:#e7e7e7;}
.set_mcon .okbotton{ padding:10px 0 10px 110px; background:#f9f9f9;}
.set_mcon .okbotton button{ width:80px; height:35px; text-align:center; line-height:35px; font-size:14px; cursor:pointer;display:inline-block; text-align:center; border-radius:3px; margin-left:5px; background:#f7493f; color:#fff;}
.anchor { position: relative; top: -80px; display: block; height:0; overflow: hidden;}

/*老师上传*/
.u_todolist .bmenu{ float:right; position:relative; margin-left:10px;}
.u_todolist .bmenu .bmore{  display:block; height:24px; line-height:24px; float: right; border:1px solid #f75147; border-radius:3px; font-size:12px; color:#f75147;background:url(/img/home/mico.png) no-repeat 60px 10px; padding-right:20px; text-align:center; padding-left:5px; width:55px; float:left;}
.u_todolist .bmenu .bmore:hover{ background:url(/img/home/mico.png) no-repeat 60px -16px  #f7493e; color:#fff; }
.u_todolist .bmenu .mlist{ background:#fff;box-shadow: 0px 1px 1px #999; position:absolute; top:26px; display:none; z-index:888}
.u_todolist .bmenu .mlist a{ display:block; height:35px; width:80px; text-align:center; line-height:35px; border-bottom:1px solid #ddd; float:left;}
.u_todolist .bmenu .mlist a:hover{ background:#f4f4f4;}
.u_todolist .bmenu:hover .mlist{ display:block;}
.u_todolist .ccours{ float:left; color:#666; width: 60%;}

/*消息通知和待办事项*/
.todolist_item{ float:left;position:relative; }
.todolist_item .notic_ico a{ display:block; width:60px; height:43px; padding-top:5px;background: url(../Picture/user_c_ico.png) no-repeat 15px  -378px;}
.todolist_item .notic_ico a:hover{background:url(../Picture/user_c_ico.png) no-repeat 15px  -419px;}
.todolist_item .notic_ico a span{ margin:0px 0 0 30px; font-size:12px; display:block; text-align:center; width:19px; height:19px; border-radius:100%; background:#f7493f; color:#fff;}


.notice_item{ float:left;position:relative; }
.notice_item .notic_ico a{ display:block; width:60px; height:43px; padding-top:5px;background: url(../Picture/user_c_ico.png) no-repeat 15px  -610px;}
.notice_item .notic_ico a:hover{background: url(../Picture/user_c_ico.png) no-repeat 15px  -651px;}
.notice_item .notic_ico a span{ margin:0px 0 0 30px; font-size:12px; display:block; text-align:center; width:19px; height:19px; border-radius:100%; background:#f7493f; color:#fff;}





/*学生下载功能*/

.Upload_mp{ width:770px;background:#fff}
.Upload_mp h1{ padding:15px 30px; font-size:18px; color:#333; border-bottom:1px solid #f4f4f4;}
.Upload_mp h1 span{ border-left:3px solid #34b593; padding-left:10px;}

.u_mcon{ padding:40px;}
.u_mcon h2{ font-size:14px; color:#333; font-weight:normal;}
.u_mcon td{ padding-bottom:15px;}
.u_mcon .tit{ font-size:12px; color:#999; width:50px; vertical-align:top;}
.u_mcon .sc_box{ border:1px dashed #ddd; background:#f9f9f9; padding:10px; width: 80%;}
.u_mcon .scbtn { text-align:center; margin:50px auto;}
.u_mcon .scbtn a{display: inline-block;height: 35px;line-height: 35px;padding: 0 20px;background: #428be7;border-radius: 4px;color: #fff;font-size: 14px;border: 0px;}
.u_mcon .subtn input{display: inline-block;height: 35px;line-height: 35px;padding: 0 20px;background: #d2d2d2;border-radius: 4px;color:#fff;font-size: 14px;border: 0px; cursor:pointer;}
.u_mcon .subtn2 input{display: inline-block;height: 35px;line-height: 35px;padding:0 20px;background: #428be7;border-radius: 4px;color:#fff;font-size: 14px;border: 0px; cursor:pointer; width:110px;}
.u_mcon .scbtn_ag {clear:both;}
.u_mcon .scbtn_ag  a{float:left; display: inline-block;height: 35px;line-height: 35px;padding: 0 20px;background: #fff;border-radius: 4px;color: #666;font-size: 14px;border: 1px solid #ddd;}

.cousebox .classlist dl.dlon{ border:1px solid #f7584f;}
.cousebox .classlist dd .coursetit a{ margin-right:10px;}
.cousebox .classlist dd .coursetit .d_mp3{ margin-top:12px;background:url(/img/home/user_c_ico.png) #fff no-repeat 5px -700px; border:1px solid #cfcfcf; color:#666;width:65px; line-height:28px; padding-left:20px;font-size:12px;display:inline-block; text-align:center; border-radius:3px; }
.cousebox .classlist dd .coursetit .d_mp3:hover{ background:url(/img/home/user_c_ico.png) #f5f5f5 no-repeat 5px -700px;}

/* CSS Document */
/*新增
.u_todolist { margin-bottom:50px;}
.u_todolist h1{ font-size:13px; font-weight:normal; color:#333; margin-bottom:20px;}
.u_todolist h1 b{ font-size:24px; color:#f7493f;}
.u_todolist .item{ border-radius:3px; padding:0 10px; height:40px; padding-top:15px;border-left:4px solid #f7493f; background:#fff; margin-bottom:10px;border-bottom: 1px solid #d8d8d8;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);box-shadow: 0 1px 1px rgba(0,0,0,0.075);}

.u_todolist .ccours{ float:left; color:#666;}
.u_todolist .caozuo{ float:right;}
.u_todolist .caozuo a{ display:block; height:24px; line-height:24px; float: right; border:1px solid #f75147; margin:0 5px; border-radius:3px; padding:0 8px; font-size:12px; color:#f75147;}
.u_todolist .caozuo a:hover{ background:#ef7e77; color:#fff;}
*/

/* TOOD list */
.u_todolist { margin-bottom:50px;}
.u_todolist h1{ font-size:13px; font-weight:normal; color:#333; margin-bottom:20px;}
.u_todolist h1 b{ font-size:24px; color:#f7493f;}
.u_todolist .item{ border-radius:3px; padding:0 10px; height:40px; padding-top:15px;border-left:4px solid #f7493f; background:#fff; margin-bottom:10px;border-bottom: 1px solid #d8d8d8;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);box-shadow: 0 1px 1px rgba(0,0,0,0.075);}
.u_todolist .caozuo{ float:right;}
.u_todolist .caozuo a{ display:block; height:24px; line-height:24px; float: right; border:1px solid #f75147; margin:0 5px; border-radius:3px; padding:0 8px; font-size:12px; color:#f75147;}
.u_todolist .caozuo a:hover{ background:#ef7e77; color:#fff;}

.book_rk{ margin:20px 0 45px 0;}
.book_rk h2{ text-align:center; color:#666; font-size:13px;}
.book_rk .t_n_list{ border:1px solid #efefef; margin:20px; height:65px;}
.book_rk .t_n_list li{ float:left; text-align:center; width:84px; height:40px; margin-top:12px; border-right:1px solid #efefef}
.book_rk .t_n_list li p{ font-size:12px; margin-top:5px; color:#999;}
.book_rk .t_n_list li b{ font-size:14px; font-weight:normal;}
.book_rk .t_n_list b.on{ color:#f7493f; font-weight:bold;}
.book_rk .t_n_list li.r-last-line{ border-right:0;}

body{ background:#f4f4f4;}
button,input{font-family: "Microsoft YaHei"; color:#666; border: 0;}

/*------------------------header------------------*/
.user_header{ background:#fff; height:48px; border-bottom:1px solid #d8d8d8;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
box-shadow: 0 1px 1px rgba(0,0,0,0.075);}

.header_box{ width:930px; margin:0 auto; height:48px;}
.user_c_logo{ float:left; margin-top:10px;}
.apex_user_c_logo{ position:absolute; text-align:center; top:0;}
.msgBoxDIV{position: fixed; z-index:998; width: 100%; padding-top: 2px; height: 24px; top: 53px; text-align: center;}
.msg,.errmeg { margin:0 auto;white-space: nowrap;padding: 3px 24px 3px;color: #fff;height: 20px;line-height: 18px;border-radius: 3px;color: #FFFFFF;background:#f86961;
    -webkit-border-radius: 4px; -moz-box-shadow: 0px 2px 5px #666; -webkit-box-shadow: 0px 2px 5px #666; box-shadow: 0px 2px 5px #666;}

/*--导航-*/
.user_nav { float:left;}
.user_nav li{ float:left;}
.user_nav li a{ float:left; margin-right:15px; padding-left: 28px;margin-top: 15px; height: 32px; display: inline-block; background:url(/img/home/user_c_ico.png) no-repeat;}
.user_nav li a.homeico{ background-position:5px 3px;}
.user_nav li a.studyico{ background-position:5px -33px;}
.user_nav li a.couponico{ background-position:5px -69px;}
.user_nav li a.ebook{ background-position:5px -561px;}/*新增*/
.user_nav li a:hover.homeico{ background-position:5px -105px;}
.user_nav li a:hover.studyico{ background-position:5px -140px;}
.user_nav li a:hover.couponico{ background-position:5px -176px;}
.user_nav li a:hover.ebook{ background-position:5px -590px;}
.user_nav li.li_on a{ border-bottom:3px solid #00b491; color:#00b491;}
.user_nav li.li_on a.homeico{ background-position:5px -105px;}
.user_nav li.li_on a.studyico{ background-position:5px -140px;}
.user_nav li.li_on a.couponico{ background-position:5px -176px;}
.user_nav li.li_on a.ebook{ background-position:5px -176px;}

/*--按钮公共样式--*/
.redbtn a,.bluebgbtn a,.bluebtn a,.greenbgbtn a,.graybtn a,.redbbgtn a, .huibtn a, .bukebtn a { width:70px; height:30px; text-align:center; line-height:30px;background:#fff; font-size:12px;display:inline-block; text-align:center; border-radius:3px; margin-left:5px;}
.redbtn a{ border:1px solid #f7493f; color:#f7493f;}
.redbbgtn a{ background:#f86961; color:#fff;}
.bluebtn a{ border:1px solid #008af4; color:#008af4;}
.bluebgbtn a{ background:#428be7; color:#fff;}
.graybtn a{ border:1px solid #cfcfcf; color:#666;}
.redbtn a:hover,.graybtn a:hover{ background:#f5f5f5;}
.bluebtn a:hover{ background:#e7f5ff; color:#008af4;}
.bluebgbtn a:hover{ background: #347edc; color:#fff;}
.redbbgtn a:hover{ background:#ec5e56; color:#fff;}
.greenbgbtn a{ background:#05c29d; color:#fff;}
.greenbgbtn a:hover{ background:#00b491; color:#fff;}
.huibtn a{ background:#a9a9a9; color:#fff;}
.huibtn a:hover{ background:#8f8f8f; color:#fff;}
.bukebtn a{border:1px solid #cfcfcf; color:#666; background:url(http://pt.fabijia.com/img/home/moreico.png) no-repeat 55px 13px;}
.bukebtn a:hover{ background:url(/img/home/moreico.png) no-repeat 55px 13px #f5f5f5;}
.darkgrey_btn {width:70px; height:30px; text-align:center; line-height:30px;background:#fff; font-size:12px;display:inline-block; text-align:center; border-radius:3px; margin-left:5px; background:#8e8e8e; color:#fff;}

.user_set{ float:right; }
.moreclass a{ display:inline-block; width:100%; line-height:30px; background:#ebebeb; text-align:center; margin:10px 0;}
.moreclass a:hover{background:#e5e5e5;}
.moreclass span{ padding-right:10px; display:inline-block; background:url(/img/home/moreico.png) no-repeat right 15px;}

.ypj {width:80px;text-align:center;display:inline-block;font-size:13px;font-weight:bold; margin: 10px 0;}

/*--按钮公共样式--*/
.redbtn button,.bluebgbtn button,.bluebtn button,.greenbgbtn button,.graybtn button,.redbbgtn button, .huibtn button, .bukebtn button,.gelinebtn button{ cursor:pointer; border: 0px; width:70px; height:30px; text-align:center; line-height:30px;background:#fff; font-size:12px;display:inline-block; text-align:center; border-radius:3px; margin-left:5px;-webkit-transition: 0.25s;transition: 0.25s; }
.redbtn button{ border:1px solid #f7493f; color:#f7493f;}
.redbbgtn button{ background:#f86961; color:#fff;}
.bluebtn button{ border:1px solid #008af4; color:#008af4;}
.bluebgbtn button{ background:#428be7; color:#fff;}
.graybtn button{ border:1px solid #cfcfcf; color:#666;}
.redbtn button:hover,.graybtn button:hover{ background:#f5f5f5;}
.bluebtn button:hover{ background:#e7f5ff; color:#008af4;}
.bluebgbtn button:hover{ background:#347edc; color:#fff;}
.redbbgtn button:hover{ background:#ec5e56; color:#fff;}
.greenbgbtn button{ background:#05c29d; color:#fff;}
.greenbgbtn button:hover{ background:#00b491; color:#fff;}
.gelinebtn button{ border:1px solid #36bea2; color:#36bea2;}
.gelinebtn button:hover{ border:1px solid #36bea2; color:#36bea2; background:#eaf5f2}

/*--个人信息和设置--*/
/*.person_item{ float:left; position:relative; margin:0 15px; width:auto;}*/
/*.person_item .photo{ margin:5px 0;width:32px;height: 32px;border-radius: 50%;border: 2px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);background: #fff; cursor:pointer;overflow: hidden;}*/
/*.person_item .photo img{ max-width:100%;}*/
/*.person_info { width:250px; padding:20px; line-height:24px; font-size:13px;}*/
/*.person_info .big_photo{ position:relative; float:left; margin:5px 20px 5px auto;width: 70px;height: 70px;overflow: hidden;border: 2px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);background: #fff; cursor:pointer;}*/
/*.person_info .big_photo img{ max-width:100%;}*/
/*.person_info .big_photo .editphoto { line-height:20px; font-size:12px; color:#fff; width:100%;  position: absolute; top:45px; background:#008af4;  text-align:center; height:80px; display:none;opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";*//*}*/
/*.person_info .big_photo:hover .editphoto { display:block;}*/
/*.person_info .setuplink{ margin-top:10px;}*/
/*.person_info .setuplink a{ color:#008af4; margin-right:15px;}*/
/*.person_info .name{ font-weight:bold; color:#333;}*/

/*.signout{ background:#f4f4f4; padding:8px 10px; text-align:right;}*/
/*.signout a{background:#fff; font-size:12px; padding:3px 10px; border-radius:3px; border:1px solid #cbcbcb;}*/


/*------------------------用户中心内容------------------*/
.user_m_bar{ min-height: 100%; padding:20px 0 65px 0}
.user_m_box{ width:980px; margin:0 auto;position: relative;}
.left_con {float: left;width: 660px;}
.cousebox { margin: 20px 0 40px 0;}
.cousebox .tabnav { margin-bottom:10px;}
.cousebox .tabnav ul{ float:left;}
.cousebox .tabnav li{float:left; margin-right: 15px;}
.cousebox .tabnav li a{ display:block;  color: #515151; line-height: 35px; height: 35px; padding:0 15px; background: #FFFFFF; border: 1px solid #34C6AC;}
.cousebox .tabnav li a:hover{color:#333; background:#34C6AC;color:#fff;}
.cousebox .tabnav li.li_on a{ color:#fff; display: block; background: url(/img/home/tab_arrow.png) no-repeat bottom center #34C6AC;}


.cousebox .helplink{ float:right; margin-top:5px; display: block; height: 25px; line-height: 25px;}
.cousebox .helplink a{ padding-right:25px; background: url(/img/home/user_c_ico.png) no-repeat right -320px;display: block;}
.cousebox .classlist { color:#999; font-size:13px;}
.cousebox .classlist dt .data{ float:left;}
.cousebox .classlist dt .data2{ float:left; color:#666;}
.cousebox .classlist dt .topics{ float:left; margin-left:20px;}
.cousebox .classlist dt .classroom{ margin: 0 20px 0  30px;}
.cousebox .classlist dt .topics a{ color:#999;}
.cousebox .classlist dt .topics a:hover{ text-decoration:underline;}
.cousebox .classlist dt .today{ width:70px; text-align:center; float: right; color:#f7493f; font-size:12px;}
.cousebox .classlist dt .prompt{  width:70px; text-align:center;float: right; color:#999;font-size:12px;}
.cousebox .classlist dd .coursetit{ float:left; width: 360px; font-size:13px; }
.cousebox .classlist dd .coursetit span{display: inline-block;  color:#666; float:left; margin-right:20px; line-height: 32px;}
.cousebox .classlist dd .coursetit a.title{ max-width: 280px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 32px;}
.cousebox .classlist dd .coursetit a:hover{ text-decoration:underline;}

.cousebox .classlist dd .coursetit .recording-ico{ margin-top:12px;background:url(/img/home/user_c_ico.png) #fff no-repeat 5px -700px; border:1px solid #cfcfcf; color:#666;width:65px; line-height:28px; padding-left:20px;font-size:12px;display:inline-block; text-align:center; border-radius:3px; }
.cousebox .classlist dd .coursetit .recording-ico:hover{ background:url(/img/home/user_c_ico.png) #f5f5f5 no-repeat 5px -700px;}
.cousebox .classlist dd .teacher{ float:left; width:100px; text-align:center; line-height: 32px;}
.cousebox .classlist dd .operat{ float: right; line-height: 22px;}
.cousebox .classlist dd .operat a{ display:block; font-size:12px; margin-bottom:7px; text-align:center;}
.session-type-hint {float:left; border-radius:3px; display:inline-block; background:#f79f41; color:#fff;height:22px; line-height:22px; padding:0 8px; margin:0 10px; font-size:12px;}

.wait_course .item{  border:1px solid #e4e4e4; background:#fff; margin-bottom:50px; color:#666; position:relative;}
.wait_course .item .ctype{ position:absolute; background:#f4f4f4; border:1px solid #e5e5e5; top:-13px; left:290px; padding:3px 15px; border-radius:4px;}
.wait_course .item .ctype_on{ position:absolute; background:#FFB800; border:1px solid #f6b100; top:-13px; left:290px; padding:3px 35px; border-radius:4px; color:#fff;}

.wait_course .item dt { background:#f9f9f9; padding:8px 15px; }
.wait_course .item dt .first span{ display:inline-block; }
.wait_course .item dt .first .level{ width:30px; float:left; height:30px;text-align:center; line-height:26px; color:#fff; border-radius:4px; background:#00b491;}
.wait_course .item dt .first .title{ float:left; margin-left:10px; line-height:30px;}
.wait_course .item dt .first .makeup { float:right;}
.wait_course .item dt .first .makeup a{ width:70px; text-align:center; display:inline-block;margin-left:5px;color:#666; line-height:30px;}
.wait_course .item dt .first .makeup a:hover{ text-decoration:underline;}

.wait_course .item dd{ border-top:1px solid #e4e4e4;font-size:12px;}
.wait_course .item dd { clear:both; height:50px; padding:15px 15px 8px 15px; background:url(/img/home/statuslinebg.png) repeat-y 70px 0;}
.wait_course .item dd.yixuan{background:url(/img/home/statuslinebg.png) repeat-y 70px 0 #f5f5f5;}
.wait_course .item dd .status .yx_ico{width:14px; height:14px; background: url(/img/home/yxico.png) no-repeat; }

.wait_course .item dd .lessonfew{ float:left; width:50px;}
.wait_course .item dd .class{ float:left; width:370px; margin-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wait_course .item dd .classPt{ float:left; width:320px; margin-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wait_course .item dd .class a{font-size:13px;}
.wait_course .item dd .class a:hover{ text-decoration:underline;}
.wait_course .item dd .class p{ color:#999; margin-top:5px;}
.wait_course .item dd .teachername{ float:left; width:80px; text-align:center; margin-left:10px; color:#999;}
.wait_course .item dd .bbtn{ float: right; cursor:pointer;}
.wait_course .item dd .class .usern { margin-left:20px; display:inline-block; padding-left:12px; background:url(/img/home/user_c_ico.png) no-repeat 0 -531px;}
.wait_course .item dd .class .tcolor{color:#f86961;}
.wait_course .item dd .class .classroom{margin:0 20px 0 20px;}

.wait_course .item dd .status{ float:left;}
.wait_course .item dd .status span{width:12px; height:12px; background:url(/img/home/statuspic.png) no-repeat; display:inline-block; margin-top:4px;}
.wait_course .item dd .status .off{ background-position:0 0;}
.wait_course .item dd .status .on{ background-position:0 -16px; }
.wait_course .item dd.buke{ padding:0; height:auto;}
.wait_course .item dd .clist{padding:15px 15px 8px 15px; border-bottom:1px solid #ebebeb;}
.wait_course .item dd .uplist{padding:0 15px 0 95px;background: url(/img/home/statuslinebg.png) repeat-y 70px 0 #f7f7f7;}
.wait_course .item dd .uplist li{ clear:both; border-bottom:1px solid #e5e5e5; height:45px; padding-top:15px; color:#888;}
.wait_course .item dd .uplist li.bbnoe{ border-bottom:none;}
.wait_course .item dd .skdate{ float:left; margin-top:5px; width:165px;}
.wait_course .item dd .usern{  width:30px; margin-top:5px;display: inline-block;padding-left: 12px;background: url(/img/home/user_c_ico.png) no-repeat 0 -531px;}
.wait_course .item dd .tname{ float:left; margin-top:5px; width:120px;}
.wait_course .item dd .classname{ float:left; margin-top:5px;width:130px;}
.wait_course .item dd .booked{ float:left; margin-top:5px;width:60px; font-weight: bold;}
.wait_course .item dd .ttext{ float:left; color:#999; margin-top:5px;}


.audition_course .item{  border:1px solid #e4e4e4; background:#fff; margin-bottom:50px; color:#666; position:relative;}

.audition_course .item .ctype{ position:absolute; background:#f4f4f4; border:1px solid #e5e5e5; top:-13px; left:400px; padding:3px 15px; border-radius:4px;}
.audition_course .item .ctype_on{ position:absolute; background:#FFB800; border:1px solid #f6b100; top:-13px; left:400px; padding:3px 35px; border-radius:4px; color:#fff;}

.audition_course .item dt { background:#f9f9f9; padding:8px 15px; }
.audition_course .item dt .first span{ display:inline-block; }
.audition_course .item dt .first .level{ width:30px; float:left; height:30px;text-align:center; line-height:26px; color:#fff; border-radius:4px; background:#00b491;}
.audition_course .item dt .first .title{ float:left; margin-left:10px; line-height:30px;}
.audition_course .item dt .first .makeup { float:right;}
.audition_course .item dt .first .makeup a{ width:70px; text-align:center; display:inline-block;margin-left:5px;color:#666; line-height:30px;}
.audition_course .item dt .first .makeup a:hover{ text-decoration:underline;}

.audition_course .item dd{ border-top:1px solid #e4e4e4;font-size:12px;}
.audition_course .item dd { clear:both; height:50px; padding:15px 15px 8px 15px; background:url(/img/home/statuslinebg.png) repeat-y 70px 0;}
.audition_course .item dd.yixuan{background:url(/img/home/statuslinebg.png) repeat-y 70px 0 #f5f5f5;}
.audition_course .item dd .status .yx_ico{width:14px; height:14px; background: url(/img/home/yxico.png) no-repeat; }

.audition_course .item dd .lessonfew{ float:left; width:50px;}
.audition_course .item dd .class{ float:left; width:370px; margin-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.audition_course .item dd .classPt{ float:left; width:320px; margin-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.audition_course .item dd .class a{font-size:13px;}
.audition_course .item dd .class a:hover{ text-decoration:underline;}
.audition_course .item dd .class p{ color:#999; margin-top:5px;}
.audition_course .item dd .teachername{ float:left; width:120px; text-align:center; margin-left:10px; color:#999;}
.audition_course .item dd .bbtn{ float: right; cursor:pointer;}
.audition_course .item dd .class .usern { margin-left:20px; display:inline-block; padding-left:12px; background:url(/img/home/user_c_ico.png) no-repeat 0 -531px;}
.audition_course .item dd .class .tcolor{color:#f86961;}
.audition_course .item dd .class .classroom{margin:0 20px 0 20px;}
.audition_course .item dd .beginTime {float:left; width:120px;}

.audition_course .item dd .status{ float:left;}
.audition_course .item dd .status span{width:12px; height:12px; background:url(/img/home/statuspic.png) no-repeat; display:inline-block; margin-top:4px;}
.audition_course .item dd .status .off{ background-position:0 0;}
.audition_course .item dd .status .on{ background-position:0 -16px; }
.audition_course .item dd.buke{ padding:0; height:auto;}
.audition_course .item dd .clist{padding:15px 15px 8px 15px; border-bottom:1px solid #ebebeb;}
.audition_course .item dd .uplist{padding:0 15px 0 95px;background: url(/img/home/statuslinebg.png) repeat-y 70px 0 #f7f7f7;}
.audition_course .item dd .uplist li{ clear:both; border-bottom:1px solid #e5e5e5; height:45px; padding-top:15px; color:#888;}
.audition_course .item dd .uplist li.bbnoe{ border-bottom:none;}
.audition_course .item dd .skdate{ float:left; margin-top:5px; width:165px;}
.audition_course .item dd .usern{  width:30px; margin-top:5px;display: inline-block;padding-left: 12px;background: url(/img/home/user_c_ico.png) no-repeat 0 -531px;}
.audition_course .item dd .tname{ float:left; margin-top:5px; width:120px;}
.audition_course .item dd .classname{ float:left; margin-top:5px;width:130px;}
.audition_course .item dd .booked{ float:left; margin-top:5px;width:60px; font-weight: bold;}
.audition_course .item dd .ttext{ float:left; color:#999; margin-top:5px;}



.cousebox .no_table{ font-size:16px;  vertical-align:top; border:1px solid #e7e7e7; background:#fff; text-align:center; padding:30px;}
.cousebox .no_table span{ margin-left:10px;}
.cousebox .pagenumber ul{ width: auto; float:right;}
.cousebox .pagenumber li{ float:left;}
.cousebox .pagenumber a{ font-size:12px; float:left; color:#888; border:1px solid #d9d9d9; background:#fff; margin:0 2px; padding:5px 10px; border-radius:3px;}
.cousebox .pagenumber a:hover{ color:#333; background:#f5f5f5;}
.cousebox .pagenumber li.li_on a{ color:#333; background:#f5f5f5;}

.right_con {float: right;width: 300px;background: #fff; border:1px solid #e6e6e6;}
.right_con .mycourse{border-bottom:1px solid #ededed;}
.right_con .mycourse dt { margin:15px; padding:10px 15px 25px 15px; clear:both;border-bottom:1px solid #ededed;}
.right_con .mycourse dt span{ display:inline-block; clear:both; padding-left:30px;}
.right_con .mycourse dt h2{ color:#333; background:url(/img/home/user_c_ico.png) no-repeat 0 -502px;padding-left:30px;}
.right_con .mycourse dd{ float:left; text-align:center; font-size:12px; margin-bottom:20px;color:#666; text-align: center; padding: 20px;}
.right_con .mycourse dd a{ color:#428be7; margin:0 10px; font-size:16px;}
.right_con .sbanner{ text-align:center; margin:20px 0;}
.zx{margin:20px;text-align:center;}
.zx .phone{font-size:18px;}
.zx h3{margin:20px 0;}
.zx p{color:#A8A8A8;margin:20px 0;}
.zx a{ width:120px; height:40px; padding-left:20px;text-align:center; background: url(/img/home/user_c_ico.png) no-repeat #f2f2f2 25px -460px; display:inline-block; border-radius:4px; line-height:40px;}

/*----完善资料--头像和昵称----*/
.improve_data_box{ color:#666; width:680px; margin:80px auto; background:#fff;}
.user_photo{ margin:5px auto;width: 80px;height: 80px; float:left;border-radius: 50%;border: 5px solid white;background: #fff;overflow: hidden;}
.user_photo img{ max-width:100%;}
.fill_info { background:#fff;}
.fill_info .titlebox{ background:#f9f9f9; color:#555; padding:30px 50px; font-size:16px; position:relative;} 
.fill_info .titlebox h2{ color:#333;}
.fill_info .titlebox i{ width:12px; height:28px; background:url(/img/home/tit_arrow.png) no-repeat; position:absolute; left:-12px; top:40px;}
.fill_info .titlebox span{ color:#40bafa; font-weight:bold;}
.fill_info .titlebox h2{ font-size:24px; font-weight:normal; margin-bottom:5px;}
.fill_info .fill_con {padding:40px 50px 20px 50px;}
.fill_info .fill_con .item{ margin-bottom:40px; float:left; width:100%;}
.fill_info .fill_con .lb-line{ padding-bottom:40px; border-bottom:1px solid #eee;}
.fill_info .fill_con .item label{float:left; line-height:36px; font-size:18px; width:185px; color:#333;}
.fill_info .fill_con .item label i{ width:24px; height:24px; line-height:24px; font-style:normal; border-radius:24px; margin-right:10px; text-align:center; display:inline-block; vertical-align:middle; background:#3bcaa3; color:#fff; font-size:16px;}
.fill_info .fill_con .username{ float:left;font-size:12px;}
.fill_info .fill_con .username input{ border:1px solid #ddd; width:270px; height:36px; border:1px solid #ddd; border-radius:4px; font-size:14px; padding:0 5px;}
.fill_info .fill_con .username span{ width:380px; display:block; margin-top:10px; color:#999;}
.fill_info .fill_con .prompt span{ color:#f57d42; width:285px;}
.fill_info .fill_con .prompt input{ border:1px solid #f57d42;}
.fill_info .fill_con .s_photo li{margin:5px auto;width: 40px;height: 40px; float:left;border-radius: 50%;border:2px solid #ececec; margin:0 5px;background: #fff; cursor:pointer;overflow: hidden;}
.fill_info .fill_con .s_photo li img{ max-width:100%;}
.fill_info .upmain_box{ padding-left:70px; margin:15px 0;}
.fill_info .upmain_box .upbtn .btn{ border:1px solid #dcdcdc;}
.fill_info .upmain_box .upbtn p{ margin:12px 0; font-size:12px; color:#999;}
.fill_info .upmain_box .uppic{width: 200px;height:200px;overflow:hidden}
.fill_info .upmain_box .uppic img{ max-width:100%; max-height:100%;}
.fill_info .upmain_box .operabtn { margin-top:15px;}
.fill_info .upmain_box .operabtn button{ font-size:12px; border:1px solid #dcdcdc; padding:4px 15px; border-radius:3px; background:#f1f1f1; cursor:pointer; }
.fill_info .upmain_box .operabtn button:hover{ background:#e7e7e7;}
.fill_info .okbotton{ float:left;}
.fill_info .okbotton button{ height:40px; text-align:center; padding:0 55px; line-height:40px; font-size:18px; cursor:pointer;display:inline-block; text-align:center; border-radius:5px;background:#40bafa; color:#fff;}
.fill_info .up-photo{ float:left;}
.fill_info .up-photo span{ display:block; width:110px; height:110px;}
.fill_info .up-photo span img{ max-width:100%;}
.fill_info .up-photo a{ height:30px; text-align:center; width:110px; margin-top:10px; line-height:30px; font-size:14px; cursor:pointer;display:inline-block; text-align:center; border-radius:3px;background:#40bafa; color:#fff;}

/* 提醒完善资料-弹出窗 */
.set-mwrap{ width:390px; background:#fff; border-radius:5px; box-shadow: 0px 3px 3px #999; overflow:hidden;}
.set-mbox { padding:35px 45px 45px 45px; text-align:center;}
.set-mbox .go-text { padding:0 30px;}
.set-mbox .go-text h2{ font-size:22px; color:#2893ee;}
.set-mbox .go-text h2 p{ font-size:20px; color:#444; font-weight:normal; margin-top:5px;}
.set-mbox .go-big-btn{ display:block; border-radius:4px; height:45px; line-height:45px; text-align:center; font-size:22px; color:#fff; background:#ffa200; margin-top:30px;}
.set-mbox .go-text li{ font-size:16px; color:#444; margin-bottom:10px;}
.set-mbox .go-text li i{ width:22px; height:22px; line-height:24px; font-style:normal; border-radius:24px;text-align:center; display:inline-block; vertical-align:middle; background:#3bcaa3; color:#fff; font-size:16px; margin-right:5px;}

.welcom-text { background:#40bafa; padding:50px 25px; text-align:center; color:#fff;}
.welcom-text h3{ font-weight: bold; font-size:26px; margin-bottom:20px;}
.welcom-text p{ font-size:18px; line-height:30px;}

/*----完善资料--头像和昵称---end---*/


.pro_item{ margin-top:10px;}
.pro_item .leveltit{ color:#999;margin-bottom: 5px;}
.progress { width: 260px; height: 10px; /* margin:2px 0 0 10px; */ overflow: hidden; background-color: #f5f5f5; border-radius:10px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress-bar {float: left;  width: 0;  height: 100%;  font-size: 12px; line-height: 20px; color: #ffffff;
  text-align: center; background-color: #71d6c2;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;}
.upload-progress { width:100%; height: 10px; margin:2px 0 10px 0px; overflow: hidden; background-color: #fff; border-radius:10px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.bar {float: left;  width: 0;  height: 100%;  font-size: 12px; line-height: 20px; color: #ffffff;
    text-align: center; background-color: #71d6c2;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;}
.progress.active .progress-bar {-webkit-animation: progress-bar-stripes 2s linear infinite;animation: progress-bar-stripes 2s linear infinite;}
.progress-bar-success {background-color: #5cb85c;}

.tooltip {outline:none; }
.tooltip strong {line-height:30px;}
.tooltip:hover {text-decoration:none;} 
.tooltip span {text-overflow: ellipsis;
white-space: nowrap; max-width:250px;
    z-index:10;display:none; padding:14px 20px;

    width:auto; line-height:16px;
}
.tooltip:hover span{
    display:inline; position:absolute; color:#111; bottom:0; left:100%;    border:1px solid #DCA; background:#fffAF0;}
    
/*CSS3 extras*/
.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}
.popbox{ background:#f6f6f6; border-radius:6px; width:auto;}

/*评论*/
.e_m_box { font-size:12px; color:#666;}
.e_m_box .l-con{ width:180px; float:left;  background:#ededed; padding:40px 10px;}
.e_m_box .l-con .class-info h2{ font-weight: normal; color:#333; position:relative; margin-bottom:30px;}
.e_m_box .l-con .class-info h2 span{ position:absolute; width:3px; background:#458be3; height:20px; left:-18px; top:0;}
.e_m_box .l-con .class-info li{ line-height:22px;}
.e_m_box .l-con .class-info li span{ width:100px; float:left; display:inline-block; }
.e_m_box .l-con .class-info li i{ font-style:normal;float:left; display:inline-block;width:62px;}
.e_m_box .r-con{ width:700px; float:left; background:#fff; padding:40px 40px;}
.e_m_box .r-con .eva-box h2{ font-weight: normal; color:#333; border-bottom:1px solid #e7e7e7; padding-bottom:10px; margin-bottom:25px;}
.e_m_box .r-con .eva-box h2 span{ float:left;font-size:14px;}
.e_m_box .r-con .eva-box h2 a{ float:right; font-size:12px; margin-top:5px; color:#666;}
.e_m_box .r-con .eva-box h2 a:hover{ text-decoration:underline; color:#444;}
.e_m_box .r-con .eva-box .item{ margin-bottom:20px;}
.e_m_box .r-con .eva-box .item .item-label{ float:left; font-size:14px; height:25px; line-height:25px; margin-right:10px;}
.e_m_box .r-con .eva-box .item .starbox{ float:left;}
.e_m_box .r-con .eva-box .item .starbox li { float:left;-webkit-transition: 0.25s;transition: 0.25s;}
.e_m_box .r-con .eva-box .item .starbox li a{ display:block; width:25px; height:25px; float:left; background: url(/img/component/star.gif) no-repeat;}
.e_m_box .r-con .eva-box .item .starbox li .lion{ display:block; width:25px; height:25px; float:left; background: url(/img/component/star.gif) 0 -25px no-repeat;}
/*.e_m_box .r-con .eva-box .item .starbox li { cursor:pointer; float:left;-webkit-transition: 0.25s;transition: 0.25s; display:block; width:25px; height:25px; float:left; background: url(/img/component/star.gif) no-repeat;}*/
/*.e_m_box .r-con .eva-box .item .starbox li .lion{ display:block; width:25px; height:25px; float:left; background: url(/img/component/star.gif) 0 -25px no-repeat;}*/
.e_m_box .r-con .eva-box .item .tips-title{ margin:0 10px; float:left; height:25px; line-height:25px; padding:0 5px; color:#e7656e;}
.e_m_box .r-con .eva-box .item .tips-title span{ font-size:14px; font-weight:bold; color:#ff642e;}
.e_m_box .r-con .eva-box .item .pl-box{ margin:50px 0 20px 0;}
.e_m_box .r-con .eva-box .item .pl-box h3{ font-size:14px; font-weight:normal; margin-bottom:20px;}
.e_m_box .r-con .eva-box .item .pl-box textarea{ width:365px; height:135px; float:left; background:#f8f8f8; border:1px solid #e7e7e7; color:#666; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft YaHei"；}
.e_m_box .r-con .faq{ float: right; color:#999; line-height:18px;}
.e_m_box .r-con .faq h4{ margin-bottom:10px; color:#444; height:22px; padding-left:30px; background:url(/img/faq_ico.jpg) no-repeat;}
.e_m_box .r-con .eva-box .bottonbox span{ float:left;}
.e_m_box .r-con .eva-box .bottonbox label{ float:left; margin-top:8px; color:#999; margin-left:20px;}
.e_m_box .r-con .eva-box .bottonbox label input{ float:left; margin-right:5px; border:1px solid #ddd;}
.e_m_box .r-con .eva-box .bottonbox button{ margin-right:10px; font-size:14px; cursor:pointer;-webkit-transition: 0.25s;transition: 0.25s; width:80px; height:32px;display: inline-block;border-radius: 5px;text-align: center; border:none;}
.e_m_box .r-con .eva-box .bottonbox button:hover{ background:#1d6cd0;}
.e_m_box .r-con .eva-box .subbtn{background: none repeat scroll 0 0 #4587E7;color: #FFFFFF;}
.e_m_box .r-con .eva-box .canbtn {background: none repeat scroll 0 0 #f2f2f2;color: #666;}
.e_m_box .r-con .return{ text-align:right; margin-top:50px;}
.e_m_box .r-con .return a{ color:#666; text-decoration:underline;}
.e_m_box .r-con .ndbox{ width:302px; border:1px solid #ddd; height:24px; line-height:24px; float:left;}
.e_m_box .r-con .ndbox li{ float:left; width:100px;  text-align: center; cursor:pointer;-webkit-transition: 0.25s;transition: 0.25s;}
.e_m_box .r-con .ndbox li.lion{ background:#f8535e; color:#fff;}
.e_m_box .r-con .ndbox li:hover{ background:#f8535e; color:#fff;}
.e_m_box .r-con .ndbox .l_easy{ border-right:1px solid #ddd;}
.e_m_box .r-con .ndbox .l_right{ border-right:1px solid #ddd; background:#f6f6f6;}
.e_m_box .r-con .ndbox .l_diffit{ background:#ebebeb;}
.e_m_box .r-con .zwbox{ width:304px; border:1px solid #ddd; height:24px; line-height:24px; float:left;}
.e_m_box .r-con .zwbox li{ float:left; width:60px;  text-align: center; cursor:pointer;-webkit-transition: 0.25s;transition: 0.25s;}
.e_m_box .r-con .zwbox li.lion{ background:#f8535e; color:#fff;}
.e_m_box .r-con .zwbox li:hover{ background:#f8535e; color:#fff;}
.e_m_box .r-con .zwbox .pre20{ border-right:1px solid #ddd;}
.e_m_box .r-con .zwbox .pre40{ border-right:1px solid #ddd; background:#f6f6f6;}
.e_m_box .r-con .zwbox .pre60{ border-right:1px solid #ddd; background:#f1f1f1;}
.e_m_box .r-con .zwbox .pre80{ border-right:1px solid #ddd; background:#ebebeb;}
.e_m_box .r-con .zwbox .pre100{ background:#e6e6e6;}


/*------------------------学习卡css------------------*/
.s_c_box { font-size:12px;}
.hovercs{-webkit-transition: 0.25s;transition: 0.25s;}

.s_c_box .citem {width:306px; float:left;background:#fff;box-shadow: 0px 1px 1px #a6a6a6; height:168px; margin:0 10px 30px 10px;}
.s_c_box .citem .title{height:30px; background:#f8f8f8; padding:10px 15px 0 15px; }
.s_c_box .citem .title h2{ font-size:16px; color:#333; font-weight:normal; float:left;}
.s_c_box .citem .title span{ width:28px; height:28px; border-radius:3px; border:1px solid #38ba9e; background:#38ba9e; color:#fff; margin-right:8px;}
.s_c_box .citem .title .hint{ width:28px; height:28px;padding:3px; border-radius:3px; border:1px solid #38ba9e; background:#38ba9e; color:#fff; margin:3px 0 0 8px;}
.s_c_box .citem .title .state{ float:right; margin-top:3px;}
.s_c_box .citem .title .zc{ color:#666;}
.s_c_box .cnbox { padding:15px;}
.s_c_box .cnbox .rate-c01{ color:#666; margin-bottom:10px;}
.s_c_box .cnbox .rate-c01 .stime b{ color:#1ab596; font-size:16px;}
.s_c_box .cnbox .rate-c01 span{ margin-right:20px;}
.s_c_box .cnbox .rate-c02 { height:26px; margin-bottom:10px;}
.s_c_box .cnbox .rate-c02 .date{ float:left; margin-top:5px;}
.s_c_box .cnbox .rate-c02 .scbtn{ float:right;}
.s_c_box .cnbox .rate-c02 .scbtn{ border:1px solid #ddd; border-radius:3px; height:26px; line-height:26px; padding:0 10px;}
.s_c_box .cnbox .rate-c02 .scbtn:hover{ background:#f5f5f5;}
.s_c_box .cnbox .tipstext{ background:#fcf2f3; height:30px; line-height:30px; text-align:center; color:#666;}
.s_c_box .over_item{ color:#999;}
.s_c_box .over_item  .title span{ background:#b9b9b9; border:1px solid #b9b9b9;}
.s_c_box .over_item .rate-c01{ color:#999;}
.s_c_box .over_item .rate-c01 .stime b{ color:#999;}
.s_c_box .nitem{ margin:0 10px; border:1px dashed #ddd; line-height:168px; text-align:center;width:306px; float:left;height:168px;}

.probar{ margin-bottom:10px;}
.probar em{ float:left;}
.probox{ width:210px; float:left;height: 10px; margin:2px 0 0 10px; overflow: hidden; background-color: #f5f5f5; border-radius:10px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.probar-bar {float: left;  width: 0;  height: 100%;  font-size: 12px; line-height: 20px; color: #ffffff;
    text-align: center; background-color: #71d6c2;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;}
.probar.active .probar-bar {-webkit-animation: progress-bar-stripes 2s linear infinite;animation: progress-bar-stripes 2s linear infinite;}
.probar-bar-success {background-color: #5cb85c;}

.crecordbar { margin:30px 0; padding:10px;}
.crecordbar .tit { margin-bottom:15px;}
.crecordbar .tit h2{ float: left; font-size:14px; color:#333;}
.crecordbar .tit a{ float:right; background:url(/img/scicon.png) no-repeat right 2px; display:inline-block; padding-right:20px; margin-top:5px;}
.crecordbar .tit a:hover{ text-decoration:underline;}
.crecordbar .tit a.on{ background:url(/img/scicon.png) no-repeat right -17px; }

.recordlist{ background:#fff;}
.recordlist td{ border-bottom:1px solid #efefef;padding:0 20px; font-size:13px; color:#666; height:45px; }
.recordlist td.course{ text-align:left;}
.recordlist td.date{ text-align:center; color:#999;}
.recordlist td.zhuangt{ text-align: right; color:#999;}
.recordlist td.jian{ font-weight:bold; color:#f7493f; font-size:14px;}
.recordlist td.add{ font-weight:bold; color:#38ba9e; font-size:14px;}
.recordlist .tdtit td{ background:#fafafa; color:#666; border-bottom:2px solid #ebebeb; height:40px;}
.recordlist .them a{width:300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  color:#777;display:inline-block; color:#3161a9; font-weight:bold;}
.recordlist .them a:hover{text-decoration:underline;}

.pagenumber { height:40px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:20px 20px;}
.pagenumber span{ float:right;}
.pagenumber a{ display:inline-block; padding:3px 2px; border-radius:2px; border:1px solid #e1e1e1; margin:0 3px; color:#777; min-width:24px; text-align:center;}
.pagenumber a:hover{ background:#E9E9E9;}
.pagenumber a.li_on{ background:#E9E9E9;}

.schelp_box { padding:10px;}
.schelp_box h2{ background:url(/img/scicon.png) no-repeat 0 -40px; padding-left:22px; color:#333; margin-bottom:20px;}
.schelp_box .faq{ background:#fff; padding:20px;line-height:22px;}
.schelp_box .faq p{ color:#666;}
.schelp_box .faq li{ margin-bottom:20px; color:#999; }
.schelp_box .faq a{ text-decoration: none; margin:0 5px; color:#1D93E9;}
.schelp_box .faq a:hover{ text-decoration:underline;}


.class_course .item{  border:1px solid #e4e4e4; background:#fff; margin-bottom:50px; color:#666; position:relative;}
.class_course .item .ctype{ position:absolute; background:#f4f4f4; border:1px solid #e5e5e5; top:-13px; left:290px; padding:3px 15px; border-radius:4px;}
.class_course .item .ctype_on{ position:absolute; background:#FFB800; border:1px solid #f6b100; top:-13px; left:290px; padding:3px 35px; border-radius:4px; color:#fff;}

.class_course .item dt { background:#f9f9f9; padding:8px 15px; }
.class_course .item dt .first span{ display:inline-block; }
.class_course .item dt .first .level{ width:30px; float:left; height:30px;text-align:center; line-height:26px; color:#fff; border-radius:4px; background:#00b491;}
.class_course .item dt .first .title{ float:left; margin-left:10px; line-height:30px;}
.class_course .item dt .first .makeup { float:right;}
.class_course .item dt .first .makeup a{ width:70px; text-align:center; display:inline-block;margin-left:5px;color:#666; line-height:30px;}
.class_course .item dt .first .makeup a:hover{ text-decoration:underline;}

.class_course .item dd {border-top:1px solid #e4e4e4;font-size:12px; clear:both; height:90px; padding:15px 15px 8px 15px; background:url(/img/home/statuslinebg.png) repeat-y 70px 0;}
.class_course .item dd.yixuan{background:url(/img/home/statuslinebg.png) repeat-y 70px 0 #f5f5f5;}
.class_course .item dd .status .yx_ico{width:14px; height:14px; background: url(/img/home/yxico.png) no-repeat; }

.class_course .item dd .lessonfew{ float:left; width:50px;}
.class_course .item dd .class{ float:left; width:320px; margin-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.class_course .item dd .class a{font-size:13px;}
.class_course .item dd .class a:hover{ text-decoration:underline;}
.class_course .item dd .class p{ color:#999; margin-top:5px;}
.class_course .item dd .teachername{ float:left; width:120px; text-align:center; margin-left:20px; color:#999;}
.class_course .item dd .bbtn{ float: right; cursor:pointer;}
.class_course .item dd .class span { margin-left:20px; display:inline-block; padding-left:12px; background:url(/img/home/user_c_ico.png) no-repeat 0 -531px;}
.class_course .item dd .class .tcolor{color:#f86961;}
.class_course .item dd .status{ float:left;}
.class_course .item dd .status span{width:12px; height:12px; background:url(/img/home/statuspic.png) no-repeat; display:inline-block; margin-top:4px;}
.class_course .item dd .status .off{ background-position:0 0;}
.class_course .item dd .status .on{ background-position:0 -16px; }
.class_course .item dd.buke{ padding:0; height:auto;}
.class_course .item dd .clist{padding:15px 15px 8px 15px; border-bottom:1px solid #ebebeb;}
.class_course .item dd .uplist{padding:0 15px 0 95px;background: url(/img/home/statuslinebg.png) repeat-y 70px 0 #f7f7f7;}
.class_course .item dd .uplist li{ clear:both; border-bottom:1px solid #e5e5e5; height:45px; padding-top:15px; color:#888;}
.class_course .item dd .uplist li.bbnoe{ border-bottom:none;}
.class_course .item dd .skdate{ float:left; margin-top:5px; width:165px;}
.class_course .item dd .usern{  width:30px; margin-top:5px;display: inline-block;padding-left: 12px;background: url(/img/home/user_c_ico.png) no-repeat 0 -531px;}
.class_course .item dd .tname{ float:left; margin-top:5px; width:120px;}
.class_course .item dd .classname{ float:left; margin-top:5px;width:130px;}
.class_course .item dd .booked{ float:left; margin-top:5px;width:60px; font-weight: bold;}
.class_course .item dd .ttext{ float:left; color:#999; margin-top:5px;}
.class_course .item dd .recording-ico{ margin-top:12px;background:url(/img/home/user_c_ico.png) #fff no-repeat 5px -700px; border:1px solid #cfcfcf; color:#666;width:65px; line-height:28px; padding-left:20px;font-size:12px;display:inline-block; text-align:center; border-radius:3px; }
.class_course .item dd .recording-ico:hover{ background:url(/img/home/user_c_ico.png) #f5f5f5 no-repeat 5px -700px;}


/*多语言切换 头部*/
.lbox{ float:left;}
.language_site{ float:left;position:relative; height:45px;float:left;}
.language_site:hover .list{ display:block;}
.language_site .pt_flag{ width:22px; height:22px; display:block; background:url(../img/country_logo.png) no-repeat;}
.language_site .on a{ display:inline-block; background: url(/img/arrow_ico.png) no-repeat right 7px; margin:12px 0 12px 20px; padding:0 25px 0 0; line-height:20px;}
.language_site .on a:hover{ color:#e81a41;}
.language_site a { display:inline-block; clear:both;-webkit-transition: 0.25s;transition: 0.25s;}
.language_site a span{ margin-right:5px; float:left; color:#333; display:inline-block; height:22px; padding-left:25px; background:url(../img/country_logo.png) no-repeat;}
.language_site .list { position:absolute; top:45px; left:5px; z-index:999; display:none; border:1px solid #ddd;width:130px; background:#fff; border-radius:3px;border:1px solid #ddd;box-shadow: 0px 4px 5px #000;}
.language_site .list li a{ border-bottom:1px solid #efefef; width: 110px; padding:10px;}
.language_site a .lineno{ border-bottom: none;}
.language_site .list a:hover{ background:#f5f5f5;}
.language_site a span.pflag{ background-position:-22px 0; margin-top: 0;}
.language_site a span.dflag{ background-position:-22px -22px;}
.language_site a span.fflag{ background-position:-22px -44px;}
.language_site a span.eflag{ background-position:-22px -66px;}
.language_site a span.xflag{ background-position:-22px -88px;}
.language_site a span.yflag{ background-position:-22px -110px;}

/*学习卡水平导航*/
.dx_con { margin-bottom:30px; position:relative; }
.dx_con h1{ font-weight:normal; height:30px; line-height:30px; color:#333; font-size:14px; margin-bottom:10px;}
.dx_con .d_nlist{ margin-left:0px; width:660px; overflow:hidden;}
.dx_con .d_nlist ul{ width:2000px; float:left; background:#fff; border:1px solid #e9e9e9; }
.dx_con .d_nlist li{ float:left;}
.dx_con .d_nlist li a{  width:110px; line-height:18px;padding:7px 0px; text-align: center; float:left; border-right:1px solid #e9e9e9;font-size:12px; color:#999; }
.dx_con .d_nlist li a:hover{background:#f4f4f4;}
.dx_con .d_nlist li a h2{ color:#333; font-size:13px; font-weight:normal; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.dx_con .d_nlist li.on a{ width:110px; background:#f4f4f4; border-top:3px solid #00b491; height:33px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.dx_con .d_nlist li .free{ color:#f7493f;}
.dx_con .d_nlist li .free i{ display:inline-block; width:15px; height:15px; color:#fff; border-radius:3px; text-align:center; line-height:14px; font-size:12px; background:#f7493f; margin-left:3px; font-style:normal;}
.dx_con .morenav a{ position:absolute; width:20px; height:50px;  display:inline-block; background: url(/img/more_arrow.png) no-repeat #fff; z-index:999; top:40px;-webkit-transition: 0.25s;transition: 0.25s;border:1px solid #e9e9e9;}
.dx_con .morenav a.mleft{ left:0px; background-position:5px -25px;}
.dx_con .morenav a.mright{ right:0px; background-position:-12px 20px;}
.dx_con .morenav a:hover.mleft{ left:0px; background-position:-15px -25px;}
.dx_con .morenav a:hover.mright{ right:0px; background-position:8px 20px;}

.qaa_module { float:left;background: #fff; border:1px solid #e6e6e6; width:260px; padding:20px;}
.qaa_module .htit{ float:left;}
.qaa_module .htit h1{ font-size:14px; font-weight:normal; color:#333;}
.qaa_module .htit h1 i{ width:21px; height:21px; display:block; background: url(/img/user_c_ico.png) no-repeat 0 -766px; float:left; margin-right:5px;}
.qaa_module .qlink{ float:right;}
.qaa_module .qlink a{ color:#999; font-size:12px; color:#999; }
.qaa_module .qlink a:hover{ color:#333; text-decoration:underline;}
.qaa_module .level_bar{ margin:10px 0;}
.qaa_module .level_bar h2{ text-align:center; color:#999; font-weight:normal; font-size:12px;}
.qaa_module .online-info{ font-size:12px; color:#666; margin:15px 0 0px;}
.qaa_module .online-info b{ color:#4d94ec;}

.input_area { margin-top:20px;}
.input_area input{ width:180px; border:1px solid #e8e8e8; background:#f4f4f4; height:30px; float:left; font-size:12px; padding-left:5px;}
.input_area .c_blue_btn{  display:inline-block; font-size:12px; border:1px solid #428be7; height:30px; line-height:30px; border-radius:3px;color:#fff; padding:0 10px;text-align:center; background:#428ce9; cursor:pointer; margin-left:2px;}
.input_area .c_blue_btn:hover{ background:#307bda;}

/*----------------------------
个人设置-新增8月24日
---------------------------*/
.acc-wrap{ width:980px; margin:0 auto; font-size:13px;}
.acc-wrap h1{ font-size:22px; color:#333; font-weight:normal; margin-bottom:10px; padding:0 15px;}
.acc-wrap h1 i{ width:24px; height:24px; display:inline-block; background: url(../Picture/account-ico.png)  no-repeat; vertical-align:middle; margin:0 10px;}

.user-pic{ width:128px; height:128px;}
.user-pic{ position:relative; float:left; margin:5px 20px 5px auto;width:128px;height:128px;overflow: hidden;border: 2px solid white;background: #fff; cursor:pointer; border-radius:3px;}
.user-pic img{ max-width:100%;}
.user-pic .shangchuan_tou{position:absolute;top: 100px;left:0;opacity: 0;width: 100%;}
.set_mcon form .shangchuan_baocun{height:28px;border-radius:3px;line-height:28px;text-align:center;cursor:pointer;padding: 0 10px;float:right;margin-left:10px;width: 100%;background: #3fa9f5;color: #fff;margin-top: 10px;}
.user-pic .edit{ line-height:28px; font-size:18px; color:#fff; width:100%;  position: absolute; top:100px; background:#555;  text-align:center; height:80px;display:block;opacity: .8; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}
.user-pic .edit:hover{opacity: .98; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}

.acc-main { padding:50px 30px; margin-bottom:3px; background:#fff;}
.acc-main .left-con{ float:left;  font-size:16px; color:#333;}

.right-con { width:600px; float:left;}
.right-con .l-mod2{ float:left;}
.right-con .l-mod3{ float: right; width: 165px; text-align: right;}

.right-con .tab-item { width:100%; float:left; padding:30px 10px; border-bottom:1px solid #eee; clear:both;}
.right-con .tab-item h3{ font-weight:normal; color:#333; font-size:14px; float:left; width:100px; }
.right-con .tab-item h3 em{ font-size:12px; color:#999; margin-left:5px;}

.right-con .c_name{ float:left; width: 320px;}
.right-con .c_name input{ border:1px solid #dfdfdf; height:32px; line-height:32px; padding-left:10px; color:#444; font-size:14px; border-radius:4px; width:280px;}
.right-con .zs_text{ color:#999; line-height:20px;}
.right-con .wnone .zs_text{ color:#f36100;}
.right-con .wnone .c_name input{ border:1px solid #f98437;}
.right-con .wnone .c_name p{ margin-top:10px; color:#fa6b0d;}
.right-con .c-btn a{ color:#0b8de8;height:26px; border-radius:3px; line-height:26px; /* width:65px; */ text-align: center; padding: 0 10px; display: inline-block; }
.right-con .c-btn a:hover{ border:1px solid #0b8de8; margin:-1px;}
.right-con .c-btn input{ height:28px; border-radius:3px; line-height:28px; /* width:65px; */ text-align:center;cursor:pointer; padding: 0 10px; float:right; margin-left:10px;}
.right-con .c-btn input.save{ background:#428be7; color:#fff; margin-bottom:5px;}
.right-con .c-btn input.save:hover{ background:#3380e0;}
.right-con .c-btn input.canv{ background:#f1f1f1; border:1px solid #dcdcdc;}
.right-con .c-btn input.canv:hover{ background:#e9e9e9;}
.right-con .email{}
.right-con .email em{ font-size:14px;}
.right-con .email span{ margin:0 5px;}
.right-con .gl_btn{ margin-left:5px;color:#428be7; text-decoration:underline;}
.right-con .gl_btn:hover{ text-decoration:none;}


.right-con .yico { font-size:12px;}
.right-con .yico i{ width:17px; height:11px; margin-right:3px;display:inline-block; background:url(/img/account/set_ico.png) no-repeat 0 -24px;}
.right-con .nico{ background:#ff8106; color:#fff; border-radius:3px; height:22px; line-height:22px; padding:0 8px; display:inline-block; font-size:12px;}
.right-con .nico a{background:#f98437; color:#fff; line-height:28px; padding:0 15px; font-size:12px;display:inline-block;border-radius:3px; margin-left:5px;}
.right-con .nico a:hover{ background:#f47a2a;}
.right-con .cus{ color:#999;}
.right-con .color-9{ color:#bbb;}

/* 2015-08-26 右边栏联系方式修改*/
.contact-item{ margin:15px 0; clear:both; float:left; line-height:24px; width:260px;}
.stu-contact{margin:20px;text-align: left; color:#666;}
.stu-contact h3{ font-size:16px; color:#333; font-weight:normal;}
.mail-link{ text-decoration:underline;}
.mail-link:hover{ color:#39F;}
.stu-contact strong{ color:#F86961; margin:0 5px;}
.stu-contact .phone{font-size: 16px;font-weight: normal;}
.stu-contact h3{margin: 10px 0;}
.stu-contact .contact-qqbtn{ width: inherit; height: 36px; text-align:center; background: url(/img/user_c_ico.png) no-repeat #fff 45px -462px; display: block; border-radius:4px; line-height: 36px; border: 1px solid #347edc; margin-top:10px;}
.stu-contact .contact-qqbtn:hover{background: url(/img/user_c_ico.png) no-repeat #ecf4ff 45px -462px; }
.stu-contact .contact-btn{ width: inherit; height: 36px; text-align:center;  display: block; border-radius:4px; line-height: 36px; border: 1px solid #347edc; margin-top:10px;}



/* 学生中心新调整 0901 */
.class-table-bd{ background:#fff;}
.tootip-text-bd{ background:#e5f3ff; padding:10px 15px; margin-bottom:15px;}
.tootip-text-bd a{ text-decoration:underline; color:#428ce9;}
.tootip-text-bd p {line-height:20px;}

.class-table-md{ padding:15px;}
.class-table-md li { border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px; float:left; width:100%;}
.class-table-md li .td-m-l{ float:left; width:310px;}
.class-table-md li .td-m-2{ float:left; width:120px; margin-left:20px; text-align:center;}
.class-table-md li .td-m-3{ float:left; width:80px;text-align:center; display: none}
.class-table-md li .td-m-r{ float: right; position:relative;}

.oper-wrap{position: relative; float: right;}
.oper-btn-group {text-align:right;position:absolute;right:10px;border:1px solid #428be7;border-radius:3px;display: none;}
.oper-btn-group:hover{ background:#fff; border-radius:3px; z-index: 999;  box-shadow: 0px 2px 3px #6E6E6E;    overflow: hidden;}
.oper-btn-group dd{ display:none;}
.oper-btn-group:hover dd{ display: block;}
.oper-btn-group:hover span i.arrow-bm{ background-position: 0 -72px;}
.oper-btn-group span i.arrow-bm{ background-position: 0 -72px; }

.oper-btn-group dt span{line-height:30px; display:block; margin: 0px; border: 0px; height:30px; padding:0 5px; cursor:pointer; white-space:nowrap; width: 65px; text-align: center;}
.oper-btn-group dt span:hover{ background:#eee;}
.oper-btn-group dt a{line-height:30px; display:block; margin: 0px; border: 0px; height:30px; padding:0 5px; cursor:pointer; white-space:nowrap; width: 65px; text-align: center;}
.oper-btn-group dt a{line-height:30px; display:block; margin:-1px; border: 0px; height:30px; padding:0 7px; white-space:nowrap; background:#428be7; color:#fff; border-radius:3px; }
.oper-btn-group dt a i.arrow-bm{ background-position: -12px -72px;}
.oper-btn-group a{line-height:30px; display:block; margin: 0px; border: 0px; height:30px; padding:0 10px; white-space:nowrap; text-align:center;}
.oper-btn-group a:hover{ background:#428be7; color:#fff; }
.oper-btn-group .arrow-bm{ width:9px; height:5px; display:inline-block; background:url(/img/home/student-nico.png) no-repeat; vertical-align:middle; margin-left: 5px;}


.reason-info{ float: left; margin-left:20px;}
.reason-tit{ float:left; color:#999; width:310px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.reason-tit a{ font-size:14px; color:#333; margin-bottom:8px;}
.reason-tit a:hover{ text-decoration:underline;}

.class-room-bd:hover .class-info{ z-index:99;}
.class-room-bd .class-info { position:absolute; z-index:0; cursor:pointer;}
.class-room-bd .class-info i{ width:13px; height:13px; display:inline-block; background:url(/img/home/student-nico.png) no-repeat 0 -83px; vertical-align:middle; margin-left:2px;}


.class-title-cd { margin-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.class-title-cd a{ color:#444;}
.class-title-cd a:hover{ text-decoration:underline;}

.label-waring{ display:inline-block; border:1px solid #ff7800; color:#ff7800; margin-right:10px; border-radius:3px;float: left; width: 50px; padding: 3px 0;text-align:center;}
.label-green{ display:inline-block; border:1px solid #00ba69; color:#00ba69; margin-right:10px; border-radius:3px;float: left; width: 50px; padding: 3px 0;text-align:center;}
.label-blue{ display:inline-block; border:1px solid #00a0f3; color:#00a0f3; margin-right: 10px; text-align:center; float: left;width: 50px; padding: 3px 0;border-radius:3px;}

.class-detail-cd{ /* margin-left:80px; */}
.down-link{ float:left; color:#ddd;}
.down-link span{ margin:0 5px;}
.down-link a{ color:#428ce9;}
.down-link a:hover{ text-decoration:underline;}

.class-room-bd { float:left;position:relative; margin:0 7px; width:80px; vertical-align: top;}
.class-room-bd:hover .class-room-tit{ z-index:99;}
.class-room-bd:hover .class-room-pop{ display:block;border:1px solid #ddd; background:#fff; z-index:9;box-shadow: 0 0 6px rgba(0,0,0,.1);}
.class-room-bd .class-room-tit { position:absolute; z-index:0; cursor:pointer;}
.class-room-bd .class-room-tit i{ width:11px; height:6px; display:inline-block; background:url(/img/home/student-nico.png) no-repeat 0 -31px; vertical-align:middle;}
.class-room-bd .class-room-pop{ width:220px; display:none; position:absolute; top:-5px; left:-10px;  border-radius:3px; padding:35px 15px 15px 15px;  }
.class-room-bd .class-room-pop{ line-height:26px;}
.class-room-bd .class-room-pop strong{ color:#34C6AC;}

.class-hours{ color:#999;}
.class-opern-btn a{ height:30px; line-height:30px; display:inline-block; margin:0 3px;padding:0 10px;border-radius:3px; }
.class-opern-btn span{display:inline-block; margin:0 5px; }

.small-tips{ color:#999;}
.small-tips i{ width:12px; height:12px; display:inline-block; background: url(/img/home/student-nico.png) no-repeat 0 -45px; margin-right:5px; vertical-align:middle;}

.check-btn{ background:#428ce9; color:#fff; }
.leave-btn{ border:1px solid #ddd; background:#fff;}
.leave-btn:hover{ border:1px solid #428ce9; background:#fff;}

.class-table-more{ text-align:center; float:left; width:100%;}
.class-table-more a{ display:block; background:#f6f6f6; padding:8px 0;}
.class-table-more a:hover{ background:#f2f2f2;}
.class-table-more a i{ width:10px; height:8px; display:inline-block; background:#666; vertical-align:middle; background:url(/img/home/student-nico.png) no-repeat 0px -61px;}

/* 弹出 */
.absence-form-bd { width:400px; margin:30px auto; font-weight:normal; background:#fff; padding:20px 30px; border-radius:8px;}
.absence-form-bd h2{ border-bottom:1px solid #eee; font-size:20px; font-weight:normal; color:#333; padding-bottom:10px; margin-bottom:20px;}
.absence-form-bd p{ margin-bottom:10px;}
.absence-form-bd p span{ display:inline-block; vertical-align:top; width:70px; text-align:left;}
.absence-form-bd textarea{ width:260px; height:60px; border:1px solid #ddd;font-size:13px}
.absence-form-bd div{ padding-left:70px;}
.absence-form-bd button{ height:30px; line-height:30px; display:inline-block; margin:0 3px;padding:0 15px;border-radius:3px;}

.down-tips-bd { width:400px; margin:0 auto; font-weight:normal; background:#fff; padding:40px;border-radius:8px;}
.down-tips-bd dt{ float:left;}
.down-tips-bd dd{ margin-left:35px;}
.down-tips-bd i{ width:23px; height:23px; display:inline-block; margin-top:3px; background: url(/img/home/student-nico.png) no-repeat 0 0px; float:left;}
.down-tips-bd h2{font-size:20px; font-weight:normal; color:#333; margin-bottom:20px;}
.down-tips-bd p{ margin-bottom:15px;}
.down-tips-bd a{border: 1px solid #ddd; height:30px; line-height:30px; display:inline-block; margin:0 3px;padding:0 20px;border-radius:3px;}


.filter-tab{ padding:; border-bottom:1px solid #eee; margin:10px 15px;}
.filter-tab li{ display:inline-block; display:inline;}
.filter-tab li a{ display:inline-block; height:30px; line-height:30px; padding:0 10px; color:#666;}
.filter-tab li a:hover{ border-bottom:3px solid #34C6AC;}
.filter-tab li.active a{ border-bottom:3px solid #34C6AC; color:#333;}

/* 学生中心新调整 0901 -end */

/**补课**/
.makeup-con {font-size:12px;padding: 0 15px;}
.makeup-con .clist{padding:15px 15px 8px 15px;border-bottom:1px solid #ebebeb;}
.makeup-con .lessonfew{ float:left; width:50px;}
.makeup-con .class{ float:left; width:370px; margin-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.makeup-con .classPt{ float:left; width:320px; margin-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.makeup-con .class a{font-size:13px;}
.makeup-con .class a:hover{ text-decoration:underline;}
.makeup-con .class p{ color:#999; margin-top:5px;}
.makeup-con .teachername{ float:left; width:80px; text-align:center; margin-left:10px; color:#999;}
.makeup-con .bbtn{float: right;cursor:pointer;position: relative;}
.makeup-con .class .usern { margin-left:20px; display:inline-block; padding-left:12px; background:url(/img/home/user_c_ico.png) no-repeat 0 -531px;}
.makeup-con .class .tcolor{color:#f86961;}
.makeup-con .class .classroom{margin:0 20px 0 20px;}

.makeup-con .status{ float:left;}
.makeup-con .status span{width:12px; height:12px; background:url(/img/home/statuspic.png) no-repeat; display:inline-block; margin-top:4px;}
.makeup-con .status .off{ background-position:0 0;}
.makeup-con .status .on{ background-position:0 -16px; }

.makeup-con .status{ float:left;}
.makeup-con .status span{width:12px; height:12px; background:url(/img/home/statuspic.png) no-repeat; display:inline-block; margin-top:4px;}
.makeup-con .status .off{ background-position:0 0;}
.makeup-con .status .on{ background-position:0 -16px; }
.wait_course .item dd.buke{ padding:0; height:auto;}
.makeup-con .clist{padding: 25px 15px;border-bottom:1px solid #ebebeb;}
.makeup-con .uplist{padding:0 15px;background: 70px 0 #f7f7f7;}
.makeup-con .uplist li{ clear:both; border-bottom:1px solid #e5e5e5; height:45px; padding-top:15px; color:#888;}
.makeup-con .uplist li.bbnoe{ border-bottom:none;}
.makeup-con .skdate{ float:left; margin-top:5px; width:155px;}
.makeup-con .usern{  width:30px; margin-top:5px;display: inline-block;padding-left: 12px;background: url(/img/home/user_c_ico.png) no-repeat 0 -531px;}
.makeup-con .tname{ float:left; margin-top:5px; width:130px; margin-left:60px;}
.makeup-con .classname{ float:left; margin-top:5px;width:100px;}
.makeup-con .booked{ float:left; margin-top:5px;width:60px; font-weight: bold;}
.makeup-con .ttext{ float:left; color:#999; margin-top:5px;}

/**用户，老师中心*/
.user_header{ background:#fff; height:48px; border-bottom:1px solid #d8d8d8;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
box-shadow: 0 1px 1px rgba(0,0,0,0.075);}

.header_box{ width:930px; margin:0 auto; height:48px;}
.user_c_logo{ float:left; margin-top:7px;}
.apex_user_c_logo{ position:absolute; text-align:center; top:0;}
.msgBoxDIV{position: fixed; z-index:998; width: 100%; padding-top: 2px; height: 24px; top: 53px; text-align: center;}
.msg,.errmeg { margin:0 auto;white-space: nowrap;padding: 3px 24px 3px;color: #fff;height: 20px;line-height: 18px;border-radius: 3px;color: #FFFFFF;background:#f86961;
    -webkit-border-radius: 4px; -moz-box-shadow: 0px 2px 5px #666; -webkit-box-shadow: 0px 2px 5px #666; box-shadow: 0px 2px 5px #666;}
/*------------------------header------------------*/



.faq-mwrap { margin:20px;}
.faq-mwrap h2{ font-size:16px; color:#333; padding-bottom:15px;}
.faq-mwrap li{/* border-bottom:1px solid #eee; */ padding:5px 0; color:#777;}
.faq-mwrap li a{ padding-left:25px; display:block;}
.faq-mwrap li a:hover{ text-decoration:underline;}
.faq-mwrap .question-tit{ clear:both;font-size:14px; color:#333;}
.faq-mwrap .answer-con{ clear:both;}
.faq-mwrap .item-icon{ width:17px; height:15px; float:left;background: url(/img/home/student-nico.png) no-repeat; vertical-align:middle;margin-top:3px;}
.faq-mwrap .qu-icon{ background-position:-0px -102px;}
.faq-mwrap .an-icon{ background-position:-0px -122px;}
.faq-mwrap .weak-text{ color:#999;}
.more-faq { margin-top:20px;}
.more-faq a{ display:inline-block; border-bottom:1px solid #428be7; color:#428be7; /*border-radius:3px; height:22px; line-height:22px; padding:0px 6px;*/}

/* 1019新增样式 */
.noti-mwrap{ width:370px; background:#fff; border-radius:5px;    box-shadow: 0px 3px 3px #999;}
.noti-mbox { padding:20px 25px; text-align:center;}
.noti-mbox .dc-ico { margin-bottom:15px;}
.noti-mbox .dc-ico i{ width:99px; height:85px; display:inline-block; background:url(/img/home/student-nico.png) no-repeat -23px -30px;}
.noti-mbox .go-text h2{ font-size:22px; color:#2893ee;}
.noti-mbox .go-text h2 p{ font-size:20px; color:#444; font-weight:normal; margin-top:5px;}
.noti-mbox .go-big-btn{ display:block; border-radius:4px; height:45px; line-height:45px; text-align:center; font-size:22px; color:#fff; background:#2893ee; margin:15px 0;}
.noti-mbox .skip-a{ text-decoration:underline; color:#999;}
.noti-mbox .skip-a:hover{ color:#333;}
.annotation-text { background:#f9f9f9; padding:15px 25px;}
.annotation-text h3{ font-weight: bold; font-size:16px; color:#333; margin-bottom:10px;}
.annotation-text h3 i{ width:19px; height:19px; display:inline-block; vertical-align:middle; margin-right:10px;background:url(/img/home/student-nico.png) no-repeat -54px 0px}
.annotation-text p a{ text-decoration:underline; color:#2893ee;}

.notice-sbar{padding:0 10px; height:40px; margin:20px 0; padding-top:10px;background:#fff;border-bottom: 1px solid #d8d8d8;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);box-shadow: 0 1px 1px rgba(0,0,0,0.075);}
.notice-sbar .cz-btn{ float:right;}
.notice-sbar .cz-btn a{ display:block; height:28px; line-height:28px; float: right; background:#ff5454; margin:0 5px; border-radius:3px; padding:0 12px; font-size:14px; color:#fff;}
.notice-sbar .cz-btn a:hover{ background:#ef7e77; color:#fff;}
.notice-sbar .cz-text{ float:left; color:#444; font-size:14px; width: 60%;}
.notice-sbar .cz-text span{ color:#ff5454;}

.notice-zy{padding:0 10px; height:40px; margin:20px 0; padding:15px;background:#fff;border-bottom: 1px solid #d8d8d8;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);box-shadow: 0 1px 1px rgba(0,0,0,0.075); background:#ffe8e9; border:1px solid #ffc6ca;}
.notice-zy .cz-btn{ float:right;}
.notice-zy .cz-btn a{ display:block; height:36px; line-height:36px; float: right; background:#ff5454; margin:0 5px; border-radius:3px; padding:0 22px; font-size:16px; color:#fff;}
.notice-zy .cz-btn a:hover{ background:#ef7e77; color:#fff;}
.notice-zy .noti-text{ float:left; color:#444; font-size:14px; width: 70%;}
.notice-zy .noti-text i{ float:left; width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:10px;background:url(/img/home/student-nico.png) no-repeat -23px 0px}
.notice-zy .noti-text span{ float:left; max-width:400px;}
.notice-zy .noti-text  em{ color:#ff5454; font-style:normal;}
.notice-zy .noti-text p{ font-size:16px; margin-bottom:3px;}
/* 1019新增样式 --end */

/* 15-12-28学生中心样式 修改*/
.c-detail-item { height:160px;}
.c-detail-item .l-dbd{ float:left; width:440px;}
.c-detail-item .l-dbd .l-tit{ border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; }

.c-detail-item .l-dbd .l-tit h2{font-weight:normal; font-size:14px; float:left;}
.c-detail-item .l-dbd .l-tit h2 a{ color:#333; display: block; width: 360px;}
.c-detail-item .l-dbd .l-tit h2 a:hover{ text-decoration:underline;}
.c-detail-item .l-dbd .lc-md{ margin-bottom:10px; margin-left:60px;}
.c-detail-item .l-dbd .l-info{ float:left;}
.c-detail-item .l-dbd .l-info p{ margin-bottom:5px;}
.c-detail-item .l-dbd .r-time{ float: right; text-align:right; margin-right:20px;}
.c-detail-item .l-dbd .r-time p{ font-size:20px; color:#ffa740;}
.c-detail-item .l-dbd .op-btn-md{ margin-left:55px; height: 38px; }

.c-detail-item .r-dbd{ float: right; width:150px; background:#58a2ff; padding:15px; color:#fff;}
.c-detail-item .r-dbd h2{font-size:16px;font-weight:normal; margin-bottom:10px;}
.c-detail-item .r-dbd span{ font-size:16px;}
.c-detail-item .r-dbd p{ margin-bottom:4px;}

.yellowbtn a,.gray-line-btn a { width:70px; height:30px; text-align:center; line-height:30px;background:#fff; font-size:12px;display:inline-block; text-align:center; border-radius:3px; margin-left:5px;}
.yellowbtn a{ background:#ff8f0c; color:#fff;}
.yellowbtn a:hover{ background:#f98600; color:#fff;}
.gray-line-btn a{ border:1px solid #ddd; color:#666;}
/* 15-12-28学生中心央视 修改*/




/*旁听课*/
.ul-item {display:block;float:left; margin: 10px 15px; line-height: 30px;}
.ico-selected {width:15px; height:15px; display:inline-block; background:url(http://de.fabijia.com/img/regico.png) no-repeat 0 -56px; line-height: 16px;}

.btns-rbd {
    float: right;
    width: 85px;
}
.btns-rbd span{
    margin-bottom: 5px;
    display: block;
}



/*法比加课堂*/
.enter-video-conf {line-height: 40px; font-weight: bold; font-size: 36px; color:white; margin: 20px 0 16px 0;
    display: inline-block;}
.enter-video-conf-help {color: white;}

/*user-center-right*/
.r-mod{overflow: hidden;padding: 20px;border-bottom: 1px solid #eee;}
.r-mod h2{ font-size:16px; color:#333; padding-bottom:15px;}
.r-mod .mod-item.w1 li{ width:100%;}
.r-mod .mod-item.w2 li{ width:50%;}
.r-mod .mod-item.w3 li{ width:33.33%;}
.r-mod .mod-item.w4 li{ width:25%;}
.r-mod .mod-item li{ float:left; text-align:center; }
.r-mod .mod-item li a{display:inline-block;position:relative;padding: 5px 10px;border-radius: 3px; cursor: pointer;}
.r-mod .mod-item li a:hover{background: #F4F4F4;}

.icon-cm{width:36px;height:36px;display: inline-block;background:url("/img/student-nico.png") no-repeat;margin-bottom: 5px;}
.icon-dy{ background-position:-72px -145px;}
.icon-zy{ background-position:0 -145px;}
.icon-tj{ background-position:-36px -145px;}
.icon-jw{background-position: 0px -182px;}
.icon-js{background-position: -36px -182px;}
.icon-fk{background-position: -72px -182px;}

.ms-type{margin:0px 0 0 30px;font-size:12px;display:block;text-align:center;width:19px;height:19px;border-radius:100%;background:#f7493f;color:#fff;position: absolute;right: -5px;top: -5px;}

.share-ban{margin-bottom: 20px;}