@charset "utf-8";
/*
* @description: 重置通用样式
* @author: 张蒙
* @update: 张蒙 (2016-06-13 15:00)
*/

/* 默认重置样式
---------------------------------------------------------------------------------*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary,select {outline:0;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6,small {font-size:100%;}
sup,sub {font-size:83%;}
input[type="text"], input[type="password"], textarea {
	outline-style: none;
	-webkit-appearance: none;
}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
input,button,textarea,select{*font-size:100%}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:normal;}
del,ins,u,s,a,a:hover{text-decoration:none;}

html,body,textarea,input,button,select,keygen,legend{font:12px/1.14 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;font-size:12px; color:#666;  outline:0; border: 0;
-webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto;}
body{background:#f8f8f1;}
a {color:#666;}
a:hover{color:#27AE60;}
img{ -ms-interpolation-mode: bicubic;}
*:focus { outline:0; outline-style: none; }
iframe {border: 0;}
/*-------------------------------------------------------------------------------*/

/* 定位样式
---------------------------------------------------------------------------------*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%}
.clearfix{display:block;}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute;right:0}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
/*-------------------------------------------------------------------------------*/

/* 文字排版
---------------------------------------------------------------------------------*/
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.fb{font-weight:bold}
.fb700{font-weight:700;}
.fn{font-weight:normal}
.t2{text-indent:2em}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:nnone;}
/*-------------------------------------------------------------------------------*/

/* 通用尺寸
---------------------------------------------------------------------------------*/
.wrap{width:1003px; margin: 0 auto;}
.w10{width:10px}
.w20{width:20px}
.w30{width:30px}
.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w120{width:120px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w173{width:173px}
.w200{width:200px}
.w250{width:250px}
.w300{width:300px}
.w350{width:350px}
.w380{width:380px}
.w400{width:400px}
.w500{width:500px}
.w598{width:598px}
.w600{width:600px}
.w650{width:650px}
.w700{width:700px}
.w753{width:753px}
.w773{width:773px}
.w800{width:800px}
.w{width:100%}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h120{height:120px}
.h150{height:150px}
.h200{height:200px}
.h{height:100%}
/*-------------------------------------------------------------------------------*/

/* 连接样式
---------------------------------------------------------------------------------*/
.red-link {color: #FF0000}
a.red-link:hover {color: #FF4D4D}
.blue-link {color: #2693FF;}
a.blue-link {color:#FF8000;}
/*-------------------------------------------------------------------------------*/

/* 布局
---------------------------------------------------------------------------------*/
.cit-shadow {background:#fff; box-shadow:2px 0px 0px #ededea;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=120,strength=0);
}
.grid-l200 {width: 200px; margin-right: 8px;float: left;display:inline;}
.grid-l794 {width: 794px; float: left;display:inline;}
.grid-l793 {width: 793px; float: left;display:inline;}
.grid-l578 {width: 570px; float: left; margin-right: 8px;_margin-right: 6px;display:inline;}
.grid-l570 {width: 570px; float: left; margin-right: 7px;_margin-right: 6px;display:inline;}
.grid-r215 {width: 215px; float: right;display:inline;}
.grid-l665 {width: 200px; margin-right: 8px; min-height:665px; float: left; display:inline;}
.new-wrap-s {width: 793px; margin:0 auto;}
.g-wda {margin:0 0 5px;}
.g-fta,.g-rta{position:relative;float:left;width:200px;margin:0 -200px 0 0;}
.g-rta{float:right;width:215px;margin:0 0 0 -215px;}
.g-ca {float:left;width:100%;}
.g-cac{margin:0 225px 0 209px;}
/*-------------------------------------------------------------------------------*/

/* 定位间距
---------------------------------------------------------------------------------*/
.m6  { margin: 6px;}
.mt10 {margin-top: 10px;}
.ml13 {margin-left:13px; }
.mfr5 {margin: 0 10px 0 10px;} 
.mr9 {margin-right: 9px;}
.mb9 {margin-bottom: 9px;}
.mb5 {margin-bottom: 5px; display: inline;}
.mt8 {margin-top: 8px;}
.mtr6 {margin-top: 6px; margin-right: 6px;}
.mp10 {padding-bottom: 10px;}
.mlr10 {margin: 0 10px;}
.pt10 {padding-top: 10px;}
.pt10 input:hover{ opacity:0.8;cursor: pointer;}
.bor_none{ border:none!important;}
.t_indent{ text-indent:24px;}
.m_left{ margin-left:9px;}
.m_right{ margin-right:9px;}
.m_btm4{ margin-bottom:4px;}
.m_btm9{ margin-bottom:9px;}
.m_btm12{ margin-bottom:12px;}
.p_left{ padding-left:5px;}
.b_bottom{ width:770px; border-top:1px dashed #ccc;}
.pr {position: relative;}
/*-------------------------------------------------------------------------------*/

/* 边框
---------------------------------------------------------------------------------*/
.bd-r1 {border-right: 1px solid #ccc;}
/*-------------------------------------------------------------------------------*/

/* 图标
---------------------------------------------------------------------------------*/
.icon-imgsrc {background:url(../images/cit_allicons.png) no-repeat;}
.icon-imgsrc2 {background: url(../images/small_icon.png) no-repeat;}
/*-------------------------------------------------------------------------------*/

/* 通用按钮样式
------------------------------------------------------------------------------*/
.u-btn{display:inline-block;*display:inline;*zoom:1;*overflow:visible;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:29px;line-height:28px;letter-spacing:1px;word-spacing:normal;text-align:center;vertical-align:middle;cursor:pointer;background:url(../images/rrt_btn.png) no-repeat;}
button.u-btn{*height:29px;line-height: 28px; }
.u-btn,.u-btn:hover{text-decoration:none; }
.u-btn:hover,.u-btn:focus{}
.u-btn::-moz-focus-inner{padding:0;margin:0;border:0;}
.u-btn .btn-font{ font-size: 14px;  font-weight: bold; line-height: 29px; overflow: hidden;}
.u-btn .btn-iconc-a {background-position:-48px -308px; width:18px; height:18px;float: left; margin: 4px 2px 0 4px; } 
.u-btn .btn-iconc-b {background-position:-21px -308px; width:18px; height:18px;float: left; margin: 4px 2px 0 4px;} 
.u-btn .btn-iconc-c {background-position:-75px -308px; width:18px; height:18px;float: left;margin: 4px 2px 0 4px; } 
.u-btn .btn-iconc-d {background-position:-102px -308px; width:18px; height:18px;float: left;  margin: 4px 2px 0 4px; } 
/*  橙色短 */
.u-btn-c1{background-position:-21px -97px; width:70px; line-height: 28px; height:29px;  color: #fff;}
.u-btn-c1:hover,.u-btn-c1:focus{background-position:-21px -137px; width:70px; height:29px;color: #fff;}
/* 灰黑色-长 */
.u-btn-c2{ background-position:-341px -18px; width:80px; line-height: 28px;height:29px; color: #fff;}
.u-btn-c2:hover,.u-btn-c2:focus{background-position:-341px -58px; width:80px; height:29px;color: #fff;}
/* 绿色短 */
.u-btn-c3{ background-position:-114px -97px; width:70px; line-height: 28px; height:29px; color: #fff;}
.u-btn-c3:hover,.u-btn-c3:focus{background-position:-114px -137px; width:70px; height:29px;color: #fff;}
/* 绿色长 */
.u-btn-c4{ background-position:-227px -17px; width:90px;  line-height: 28px; height:29px;color: #fff;}
.u-btn-c4:hover,.u-btn-c4:focus{background-position:-227px -57px; width:90px; height:29px;color: #fff;}
/* 下拉样式框架 */
.u-btns{display:inline-block;*display:inline;*zoom:1;position:relative;padding-left:1px;}

/* 下拉式菜单-默认左对齐 */
.u-menu{display:none;position:absolute;z-index:100;top:98%;left:0;*zoom:1;*width:100px;margin:1px 0 0;overflow:hidden;border:1px solid #d0d0d0;border-width:1px 0;line-height:1.5;font-size:12px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.20);}
.u-menu li{border:1px solid #d0d0d0;border-width:0 1px;*vertical-align:top;}
.u-menu li a{display:block;*zoom:1;padding:7px 12px 6px;margin:-1px 0;border-top:1px solid #e8e8e8;overflow:hidden;*vertical-align:top;word-wrap:normal;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;color:#333;}
.u-menu li a:hover{color:#333;background:#f7f7f7;}
.u-menu li a:active{background:#f0f0f0;}
/* 显示 */
.u-menu-show{display:block;}
/* 分组 */
.u-menu-gp li.menusep,.u-menu-gp li.menusep .menuline{height:0;line-height:0;font-size:0;overflow:hidden;}
.u-menu-gp li.menusep{padding:5px 0;}
.u-menu-gp li.menusep .menuline{display:block;border:0;border-top:1px solid #e8e8e8;}
.u-menu-gp li a{border:0;}
/* 宽度限制 */
.u-menu-min{min-width:100%;}
.u-menu-max{max-width:100%;}
/* 右对齐 */
.u-menu-rt{left:auto;right:0;}
/*-------------------------------------------------------------------------------*/

/* 通用分页样式
---------------------------------------------------------------------------------*/
#page_table {font-size: 12px; width: 98%;padding-top:0px;vertical-align:bottom;*zoom:1;word-wrap:normal;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;color:#888;display:block; float: left;}
#page_table {border: 0;}
#page_table td {white-space: nowrap; padding: 5px; border: 0;}
#page_table .pagination {}
#page_table td .number  { height: 19px; line-height: 19px;padding: 0 6px; margin: auto 2px; border: 1px solid #1AAF5D;display:inline-block; }
#page_table td a.number:hover { background: #1CBD64;color: #fff;}
#page_table td .current { border: 1px solid #1AAF5D;  background: #1AAF5D;color: #fff; font-weight: bold;}
#page_table td a.current:hover { background: #1CBD64;color: #fff;}
/*-------------------------------------------------------------------------------*/

/* header样式-包含人人通空间-学生空间、教师空间、机构空间导航
---------------------------------------------------------------------------------*/
.header{ margin:0 auto; width:1003px; height:81px;}
.logo{ float:left; width: 255px; height:81px; display: inline;}
.logo img {display:block; margin-top: 18px;}
.haader-userinfo { float:right; margin:21px 10px 18px 0;  height:42px;}
.haader-userinfo img{ float:left; margin:0 10px 0 2px; width:42px; height:42px;}
.haader-userinfo  div{ float:left;  height:42px;}
.haader-userinfo  div span{ display:block;  height:21px; line-height:21px; color: #fff;}
.haader-userinfo  a{ color:#fff; text-decoration:none;}
.haader-userinfo  a:hover{ color:#FFF;}

/*教师空间顶部导航自定义部分*/
.header-teacher{ width:100%; height:81px; background:#00B169; box-shadow:0px 2px 0px #dddddd;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=200,strength=0);}
.nav-teacher{ float:left; height:81px ;}
.nav-teacher li{ float:left; width:100px; height:81px;  line-height: 81px; text-align:center; float: left;}
.nav-teacher li a{ width: 100px; height: 81px;color:#fff;  float: left; }
.nav-teacher li a:hover{ background:#00995B; color:#fff;}
.nav-teacher a.cur{ background:#00995B; font-weight: 700;  color:#fff;}


/*学生空间顶部导航自定义部分*/
.header-student{ width:100%; height:81px; background:#FF9326; box-shadow:0px 2px 0px #dddddd;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=200,strength=0);}
.nav-student{ float:left; height:81px ;}
.nav-student li{ float:left; width:100px; height:81px;  line-height: 81px; text-align:center; float: left;}
.nav-student li a{ width: 100px; height: 81px;color:#fff;  float: left; }
.nav-student li a:hover{ background:#FF8000; color:#fff;}
.nav-student a.cur{ background:#FF8000; font-weight: 700;  color:#fff;}
/*-------------------------------------------------------------------------------*/

/* 左侧导航样式-包含人人通空间-学生空间、教师空间-导航
---------------------------------------------------------------------------------*/
.left_userinfo {width:200px; height:275px;overflow:hidden; }
.left_userinfo .userface { float: left; margin: 10px ; display:inline;}
.left_userinfo .userface img { width:180px; height:180px; display:block;}
.user_atten { float: left; margin:10px 10px 10px 10px;  width:180px; display:inline;}
.user_atten ul li {float:left; width:59px; height:51px; border-right:1px solid #ddd; display: inline;}
.user_atten ul li a { color: #F55F08; display: block;}
.user_atten ul li a:hover { color: #F39C12;}
.user_atten ul li p  { width: 59px; height:25px; line-height:25px; text-align:center; overflow: hidden; color:  #F55F08;}
.user_atten ul li span {display:block; height:25px; line-height:25px; text-align:center;}

/*左侧导航列表*/
.left_menu { width:200px; overflow:hidden;}
.tit_slide{ width:200px; background: #00B169; color: #fff; height:35px; text-align:center; line-height:35px;}
.tit_slide-student { width:200px; background: #FF9326; color: #fff; height:35px; text-align:center; line-height:35px;}

.left_nav{ width:200px;}
.left_nav ul{ margin:0 x; width:200px;}
.left_nav ul li{ float: left; background:url(../images/bottom_dotted.jpg)  repeat-x; background-position: 0 bottom; width:200px; height:42px;  line-height:42px; }
.left_nav ul li a  { float: left; padding: 0 0px 0 10px; width:190px; height:42px; display: block; }
.left_nav ul li a:hover  { background:#eaeaea; }
.left_nav ul li span{float: left; padding-left: 10px;}
.left_nav ul li .num { background:#F55F08; color: #fff;  line-height: 12px; font-size: 8px;padding:3px 6px; margin: 12px 25px 0 0px; border-radius: 3px; float: right;}
.left_nav ul li .num2 { background:#ddd; color: #fff;  line-height: 12px; font-size: 8px;padding:3px 6px; margin: 12px 25px 0 0px; border-radius: 3px; float: right;}
.left_nav ul li em { float:left; margin:5px 5px 5px 5px;width:32px; height:32px;}

.nav_icons { background:url(../images/cit_allicons.png) no-repeat;}
.nav_icon1 { background-position:-10px -10px; }
.nav_icon2 { background-position:-60px -10px; }
.nav_icon3 { background-position:-110px -10px; }
.nav_icon4 { background-position:-160px -10px; }
.nav_icon5 { background-position:-210px -10px; }
.nav_icon6 { background-position:-260px -10px; }
.nav_icon7 { background-position:-310px -10px; }
.nav_icon8 { background-position:-360px -10px; }
.nav_icon9 { background-position:-410px -10px; }
.nav_icon10 { background-position:-460px -10px; }
.nav_icon11 { background-position:-505px -10px; }
.nav_icon12 { background-position:-551px -10px; }
.nav_icon13 { background-position:-10px -60px; }
.nav_icon14 { background-position:-60px -60px; }
.nav_icon15 { background-position:-110px -60px; }
.nav_icon16 { background-position:-160px -60px; }
.nav_icon17 { background-position:-210px -60px; }
.nav_icon18 { background-position:-260px -60px; }
.nav_icon19{ background:url(../images/bookmark_icon.png) no-repeat;}
.nav_icon20 { background-position:-310px -60px; }
.nav_icon21 { background-position:-360px -60px; }
.nav_icon22 { background-position:-410px -60px; }
.nav_icon23 { background-position:-460px -60px; }
.nav_icon24 { background-position:-505px -60px; }
.icon_1{ background-position:-11px -11px; width:20px; height:20px;}
.icon_2{ background-position:-30px -5px;  width:20px; height:20px;}
.icon_3{ background-position:-55px -5px; width:20px; height:20px;}
.icon_4{ background-position:-80px -5px; width:20px; height:20px;}
.icon_5{ background-position:-105px -5px; width:20px; height:20px;}
.icon_6{ background-position:-130px -5px; width:20px; height:20px;}
.icon_7{ background-position:-155px -5px; width:20px; height:20px;}
.icon_8{ background-position:-180px -5px; width:20px; height:20px;}

/*-------------------------------------------------------------------------------*/
/* FOOTER样式
---------------------------------------------------------------------------------*/
.footer{ width:100%; line-height:40px; text-align:center; color:#999; border-top: 1px solid #eeeeee; margin-top:10px; overflow: hidden;}
.footer a{  }
.footer .fooeter-p {line-height: 32px;}
/*-------------------------------------------------------------------------------*/