@charset "utf-8";
/* CSS Document */

body { background:#eee;}/*150326*/
body,div,span,b,a,td,li,p { color:#888;}

.webWidth1 { width:1200px; margin:0 auto;}
.webWidth2 { width:1000px; margin:0 auto;}

.hold { height:100%; overflow:hidden;}

.space { height:20px; line-height:20px; clear:both;}

.shadow {
-moz-box-shadow: 0px 0px 5px #bbb;
-webkit-box-shadow: 0px 0px 5px #bbb;
box-shadow: 0px 0px 5px #bbb;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#bbbbbb')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#bbbbbb');
}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html>body .clearfix { display:inline-block; width:100%; } 
* html .clearfix { height:1%; /* End hide from IE-mac */ } 
*+html .clearfix { min-height:1%; }/* ie7 hack*/ 

/*------------------------------- frame start -------------------------------*/
.head { position:fixed; width:100%; background-color:#fff; z-index:100; _position:absolute; -moz-box-shadow:0px 0px 6px #b596ce; -webkit-box-shadow:0px 0px 6px #b596ce; box-shadow:0px 0px 6px #b596ce;}
.headIn { height:60px;}

.mainIn { padding:80px 0 0 0;}/*150326*/
.main_left { float:left; width:220px;}
.main_right { float:right; width:960px;}

.foot {  clear:both;	background:#46166b; padding:20px 0;}
.foot p { margin:15px 0 0 0; line-height:30px; color: #fff; text-align:center;}
.foot a{color:#fff;} 
.foot a:hover {
	color:#ddb3fe;
}


/*------------------------------- frame end -------------------------------*/


/*------------------------------- head start -------------------------------*/
.logo { float:left; width:220px; height:60px; line-height:60px; margin:0 20px 0 0; font-size:36px; color:#46166b;}

/* 主导航 */
.nav { float:left; width:55%;}
.nav li { float:left; padding:0 20px; line-height:60px; text-align:center; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px; color:#444; cursor:pointer;}
.nav li:hover { 	color: #fff;
background:rgba(70,22,107,.9);
*background:#46166b;}

.login_area { float:right; width:150px; height:60px;}

/* 站内信息 */
.my_message { position:relative; float:right; width:70px; height:60px; margin:0 20px 0 0; cursor:pointer;}
.msg_ico { width:20px; height:20px; margin:20px auto; background:url(../images/head/head_ico.png) 0 0 no-repeat; display:block;}
.my_message:hover { background-color:#46166b;}
.my_message:hover .msg_ico { background-position:0 -20px;}
.msg_num { position:absolute; right:15px; top:15px; width:8px; height:8px; background:url(../images/letter/letter.png) no-repeat;}

.my_message .set_list { width:150px;}
.my_message .set_list li { padding:0 10px; font-size:12px;}
.my_message .set_list li span { margin-right:7px; color:#fff; font-weight:600;}
.my_message .set_list li b { margin:0 7px; color:#fff;}
.my_message:hover .set_list { visibility:visible;}
.msg_all { font-weight:bold;}

/* 个人设置 */
.set_btn { position:relative; float:right; width:44px; height:44px; padding:8px; cursor:pointer;}
.set_btn:hover { background-color:#46166b;}

.set_list { position:absolute; width:120px; top:60px; right:0; z-index:1; background-color:#46166b; visibility:hidden;}
.set_list li { position:relative; height:36px; padding:0 0 0 45px; vertical-align:bottom; border-bottom:1px #46166b solid; line-height:36px; font-size:14px; color:#fff; cursor:pointer;}
.set_list li:hover { background-color:#581f85;}
.set_list_ico  { position:absolute; top:10px; left:19px; width:16px; height:16px; display:inline-block; background:url(../images/head/head_spread.png) no-repeat;}
.myset_ico { background-position:0 0;}
.exit_ico { background-position:0 -16px;}
.set_btn:hover .set_list { visibility:visible;}
/*------------------------------- head end -------------------------------*/


/*------------------------------- left start -------------------------------*/
.main_aside { background-color:#fff;}

.my_top { padding:15px;}/*150326*/

/* 我的头像 */
.my_left { float:left; width:70px;}
.my_photo { position:relative; height:70px;}
.my_photo_edit { position:absolute; left:0; bottom:0; width:70px; height:24px; z-index:1; display:block; background:url(../images/visitor/subTrans_black.png); line-height:24px; text-align:center; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; color:#fff; visibility:hidden;}
.my_photo:hover .my_photo_edit { visibility:visible;}

/* 姓名 */
.my_name { height:30px; margin:10px 0; line-height:30px; text-align:center;}
.name { font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px; color:#000;}
.gender { width:13px; height:13px; margin:0 0 0 5px; display:inline-block; background:url(../images/info/info_v2.png) no-repeat;}
.male { background-position:0 0;}
.female { background-position:-20px 0;}

/* 粉丝关注 */
.my_atten { width:193px; margin: 0 auto; height:50px; text-align:center; margin:10px 0;}
.my_atten div { float:left; width:35px;}
.my_atten div b { height:28px; line-height:28px; font-size:16px; color:#46166b; display:block;}
.my_atten div span { height:22px; line-height:22px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; color:#888; display:block;}

/* 个人简介 */
.my_brief { height:36px; *margin:-15px 0 0 0; clear:both;}
.my_brief i { float:left; width:10px; height:15px; background:url(../images/info/info_v2.png) -40px bottom no-repeat; display:inline-block;}
.my_brief div { float:right; width:168px; height:36px; border:1px #fff solid; padding:0 3px;}
.my_brief:hover div { border:1px #ddd solid;}
.my_brief div:focus { outline:none; border:1px #c5dffc solid;}

/* 学分 */
.my_credit { height:18px; border-bottom:1px #f0f0f0 solid; border-top:1px #f0f0f0 solid; background-color:#f9f9f9; padding:10px 30px; line-height:18px;}
.credit_score { float:left;}
.credit_bar { float:left; position:relative; width:99px; height:9px; border:1px #d7d7d7 solid; margin:3px 3px 0 3px; background-color:#ebebeb; _overflow:hidden;}
.credit_pro { position:absolute; left:-1px; top:-1px; height:9px; border:1px #59d1b0 solid; background-color:#7ee0c4; z-index:1;}
.credit_bar span { position:absolute; width:100%; line-height:9px; text-align:center; color:#7d7d7d; z-index:2; font-size:12px;}
.credit_lvl { float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ff6232;}

/* 个人信息 */
.my_info { padding:15px 30px;}
.my_info li { height:30px; line-height:30px; vertical-align:bottom; color:#7b7b7b;}
.info_ico { width:16px; height:16px; margin:0 5px 0 0; background:url(../images/info/info_icos.png) no-repeat; _background:url(../images/info/info_icos.gif) no-repeat; display:inline-block; vertical-align:-4px; *vertical-align:0;}
.ico_time { background-position:0 0;}
.ico_course { background-position:0 -16px;}
.ico_class { background-position:0 -32px;}
.ico_question { background-position:0 -48px;}
.ico_reply { background-position:0 -64px;}
.ico_note { background-position:0 -80px;}
.ico_topic { background-position:0 -96px;}

/* 菜单 */
.menu { padding:0 0 20px 0; *margin:0; _margin:-40px 0 0 0; min-height:150px;}
.menu li { position:relative; height:40px; line-height:40px; vertical-align:bottom; text-align:center; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#666; cursor:pointer; border-top:1px #ddd solid;}/*150326*/
.menu li:hover { background-color:#e2dbe8; color:#46166b; }
.menu li.current { background-color:#46166b; border-top:1px #46166b solid; color:#fff;}

.submenu { position:absolute; top:-1px; left:220px; width:252px; padding:8px 2px; background:#fff; border:1px #46166b solid; z-index:1000; visibility:hidden;}
.submenu span { position:absolute; top:16px; left:0; width:5px; height:9px; background:url(../images/learn/course_v2.png) -80px 0 no-repeat; display:inline-block;}
.submenu a { height:20px; padding:6px; font-size:14px; line-height:18px; text-align:left; display:inline-block;}
.submenu a:hover { color:#46166b; text-decoration:underline;}
.menu li:hover .submenu { visibility:visible;}
.sub1 a { width:62px;}
.sub2 a { width:106px;}
.sub3 a { width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*------------------------------- left end -------------------------------*/



/* 右侧小件 */
.sidebar { position:absolute; bottom:20px; right:5px; z-index:10000; width:50px;}

.side_btn { position:relative; height:48px; border:1px #dcdcdc solid; background-color:#fff; background-image:url(../images/ico_side.png); background-repeat:no-repeat; display:block; margin-bottom:5px; text-align:center;}
.is_download { background-position:0 0;}
.is_feedback { background-position:-48px 0;}
.is_backtop { background-position:-96px 0;}
.side_btn span { height:38px; padding:5px 0; background:#46166b; display:block; line-height:18px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:13px; color:#fff; visibility:hidden;}
.side_btn:hover { border:1px #46166b solid;}
.side_btn:hover span { visibility:visible;}

.qr_code { position:absolute; bottom:0; right:55px; z-index:10000; width:81px; padding:10px 11px; background:#fff; border:1px #dcdcdc solid; display:none;}
.qr_code p { height:24px; text-align:center; line-height:20px; color:#666;}
.btmLink{ text-align:center; display:block; width:150px; margin:0 auto; margin-bottom:20px;}
.btmLink li{ float:left;}
.btmLink li a{ display:inline-block; padding:0 10px;}
.btmLink li a:hover{ color:#fff;}



/* 我的头像 */
.my_photo { position:relative; height:120px; padding:20px 50px 20px 50px; cursor:pointer;}
.my_photo_m { position:absolute; left:50px; top:20px; width:120px; height:120px; background:url(../images/info/img_mask1.png) 0 0 no-repeat; z-index:2;}
.my_photo_edit { position:absolute; left:50px; bottom:20px; width:120px; height:120px; z-index:1; display:block; background:url(../images/visitor/subTrans_black.png); line-height:120px; text-align:center; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#fff; visibility:hidden;}
.my_photo:hover .my_photo_edit { visibility:visible;}

/* 姓名 */
.my_name { height:30px; margin:0 0 15px 0; line-height:30px; text-align:center;}
.name { font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:20px; color:#343434;}
.grade { width:48px; height:20px; background:url(../images/info/grade.png) 0 0 no-repeat; margin:0 0 5px 5px; display:inline-block; line-height:20px; color:#46166b;}

/* 粉丝关注 */
.my_atten { height:50px; text-align:center; margin:10px 16px 15px 16px;}
.my_atten li { float:left; width:50px; text-align:center; cursor:pointer;}
.my_atten li b { height:24px; line-height:24px; font-size:20px; color:#444; display:block;}
.my_atten li span { height:20px; line-height:20px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#888; display:block;}
.my_atten li.my_atten_line { width:1px; height:44px; margin:0 9px; background:#d3d3d3;}
.my_atten li:hover b,
.my_atten li:hover span { color:#46166b;}

/* 个人简介 */
.my_brief { padding:0 10px 20px 10px; clear:both;}
.my_brief div { height:24px; line-height:24px; border:1px #fff solid; padding:0 3px 0 25px; background:url(../images/info/info_v2.png) -35px 4px no-repeat;}
.my_brief:hover div { border:1px #c5dffc solid;}
.my_brief div:focus { outline:none; border:1px #c5dffc solid;}

/* 学分 */
.my_credit { height:18px; border-bottom:1px #f0f0f0 solid; border-top:1px #f0f0f0 solid; background-color:#f9f9f9; padding:10px 30px; line-height:18px;}
.credit_score { float:left;}
.credit_bar { float:left; position:relative; width:99px; height:9px; border:1px #d7d7d7 solid; margin:3px 3px 0 3px; background-color:#ebebeb; _overflow:hidden;}
.credit_pro { position:absolute; left:-1px; top:-1px; height:9px; border:1px #59d1b0 solid; background-color:#7ee0c4; z-index:1;}
.credit_bar span { position:absolute; width:100%; line-height:9px; text-align:center; color:#7d7d7d; z-index:2; font-size:12px;}
.credit_lvl { float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ff6232;}

/* 个人信息 */
.my_info { padding:15px 30px;}
.my_info li { height:30px; line-height:30px; vertical-align:bottom; color:#7b7b7b;}
.info_ico { width:16px; height:16px; margin:0 5px 0 0; background:url(../images/info/info_icos.png) no-repeat; _background:url(../images/info/info_icos.gif) no-repeat; display:inline-block; vertical-align:-4px; *vertical-align:0;}
.ico_time { background-position:0 0;}
.ico_course { background-position:0 -16px;}
.ico_class { background-position:0 -32px;}
.ico_question { background-position:0 -48px;}
.ico_reply { background-position:0 -64px;}
.ico_note { background-position:0 -80px;}
.ico_topic { background-position:0 -96px;}

/* 菜单 */
.menu { padding:0 0 20px 0; *margin:0; _margin:-40px 0 0 0; min-height:150px;}
.menu li { position:relative; height:40px; line-height:40px; vertical-align:bottom; text-align:center; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; color:#666; cursor:pointer; border-top:1px #ddd solid;}/*150326*/
.menu li:hover { color:#46166b;}
.menu li:hover .submenu { left:218px;}
.menu li:hover .submenu span { width:1px; height:40px; background:#fff; left:-1px; top:0; z-index:2;}
.menu li.current,
.menu li.current:hover { background-color:#46166b; border-top:1px #46166b solid; color:#fff;}
.menu li.current:hover .submenu { left:219px;}

.submenu { position:absolute; top:-1px; left:220px; width:252px; padding:8px 2px; background:#fff; border:1px #46166b solid; z-index:100000; visibility:hidden;}
.submenu span,
.menu li.current:hover .submenu span { position:absolute; top:16px; left:0; width:5px; height:9px; background:url(../images/learn/course_v2.png) -80px 0 no-repeat; display:inline-block;}
.submenu a { height:20px; padding:6px; font-size:14px; line-height:18px; text-align:left; display:inline-block;}
.submenu a:hover { color:#46166b; text-decoration:underline;}
.menu li:hover .submenu { visibility:visible;}
.sub1 a { width:62px;}
.sub2 a { width:106px;}
.sub3 a { width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



/**
 * Pop
 ----------------------------------------------------------------------------*/
.pop { width:328px; border:1px #ccc solid; border-radius:4px; background:#fff; box-shadow:0 0 6px rgba(0,0,0,.1);}
.pop-lg { width:418px;}
.pop-head { position:relative; height:30px; border-bottom:1px #dbdbdb solid; border-top-left-radius:4px; border-top-right-radius:4px; background:#f8f8f8; text-align:center; line-height:30px; font-size:12px; color:#888;}
.pop-shut { display:inline-block; position:absolute; top:2px; right:2px; width:24px; height:24px; border-radius:3px; border:1px #f8f8f8 solid; text-align:center; line-height:24px; font-size:16px; color:#afafaf; text-decoration:none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pop-shut:hover { border-color:#d1d1d1; background-color:#fff;}
 
.pop-cont1 { padding:20px 30px;}
.pop-cont2 { padding:20px 40px;}
.pop-cont3 { padding:20px;}
.pop-cont4 { padding:30px 40px;}

.pop-txt1 { position:relative; display:block; padding-left:38px; line-height:20px; font-size:12px; color:#666;}
.pop-txt1 i { position:absolute; top:50%; left:0; margin-top:-14px;}
.pop-txt2 { margin:0; padding:0; line-height:24px; font-size:14px; color:#666;}


.pop-error-ico { display:inline-block; width:28px; height:28px; margin-right:15px; line-height:28px; font-size:28px; vertical-align:-6px;}
.pop-error-ico { color:#fb4a4a;}
.pop-remind-ico { display:inline-block; width:28px; height:28px; margin-right:15px; line-height:28px; font-size:28px; vertical-align:-6px;}
.pop-remind-ico { color:#ffa200;}
.pop-done-ico { display:inline-block; width:28px; height:28px; margin-right:15px; line-height:28px; font-size:28px; vertical-align:-6px;}
.pop-done-ico { color:#27a500;}

 
.pop-bot { padding:0 10px 10px 10px; text-align:right;}
.pop-btn1,
.pop-btn2 { display:inline-block; width:88px; height:27px; border:1px solid; border-radius:3px; margin-left:10px; text-align:center; line-height:27px; font-size:12px; text-decoration:none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pop-btn1:hover,
.pop-btn2:hover { box-shadow:0 1px 2px #ececec;}
.pop-btn1 { border-color:#0071c9; background:#157ed9; color:#fff;}
.pop-btn1:hover { background:#1794f4;}
.pop-btn2 { border-color:#ccc; background:#f8f8f8; color:#666;}
.pop-btn2:hover { background:#fff;}

.pop_hollowBtn {}
.pop_hollowBtn { display:inline-block; height:30px; padding:0 18px; border-radius:3px; border-width:1px; border-style:solid; line-height:28px; font-size:12px; border-color:#8abeec; background:#fff; color:#157ed9;}
.pop_hollowBtn:hover { border-color:#157ed9; background:#157ed9; color:#fff;}


.overlay { position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999; background:url(../images/alpha/black.png);}

.trans1 { -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }

.transY { display: block; }
.transY:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }