@charset "utf-8";
/*header begin*/
.m_topHeader{ background:#0699ed; height:48px; position:fixed; width:100%; top:0px; left:0px; z-index:1900;}
.m_topHeader.nofixed{ position:static;}
.m_topHeader .logo{ height:48px; line-height:48px;color:#fff;}
/*.m_topHeader .logoBg{ background:url(../images/space_main/top_header/logo.png) no-repeat left top; float:left; width:97px; height:22px; margin-top:13px;}*/
.m_topHeader .img{ width:32px; height:32px; display:inline-block; margin-top:8px; float:left; margin-right:10px;}
.m_topHeader .img img{ width:32px; height:32px;}
.m_topHeader .logoRect{height:48px; float:left; font-size:16px; color:#fff; line-height:48px; font-weight:normal; text-decoration:none;}
.m_topHeader .logo span{ float:left; color:#fff; font-size:16px; font-weight:normal; background:url(../images/space_main/top_header/logo_ico2.png) no-repeat left center; text-indent:12px; margin-left:8px; line-height:48px;}
.m_topHeader .loginBefore li{ float:left; font-size:14px; line-height:48px;}
.m_topHeader .loginBefore a{ color:#fff; text-decoration:none; float:left;  padding:0px 14px;}
.m_topHeader .loginBefore a:hover{ background:#008ad9;}
.m_topHeader .loginBefore i{vertical-align:middle; display:inline-block; margin-right:8px;}
.m_topHeader .loginBefore .li2 i{ background:url(../images/space_main/top_header/topHeader_ico1.png) no-repeat; width:16px; height:18px; margin-top:-3px;}
.m_topHeader .loginBefore .li3 i{ background:url(../images/space_main/top_header/topHeader_ico2.png) no-repeat; width:13px; height:18px; margin-top:-2px;}
.m_topHeader .loginAfter li{ float:left; position:relative;}
.m_topHeader .loginAfter li:hover a.menu_a{background:#008ad9;}
.m_topHeader .loginAfter li:hover .pullDown{ display:block;}
.m_topHeader .loginAfter a.menu_a{ font-size:14px; color:#fff; line-height:48px; padding:0 14px; display:block; text-decoration:none;}
.m_topHeader .loginAfter a.menu_a span{ display:block; position:relative;}
.m_topHeader .loginAfter a.menu_a .pullDownIco{ background:url(../images/space_main/top_header/pullDownIco.png) no-repeat left top; display:inline-block; width:8px; height:4px; vertical-align:middle; margin-left:5px;}
.m_topHeader .loginAfter a.menu_a .newInfoIco{ position:absolute; width:6px; height:6px; border-radius:3px; background:#e40000; display:block; top:12px; right:-5px;}
.m_topHeader .pullDown{ position:absolute; top:48px; left:0px; border:#5cc4ff solid 1px; border-top:0px; background:#fff;}
.m_topHeader .pullDown.pullScroll{ height:340px; overflow-y:auto;}
.m_topHeader .pullDown a{ display:block; text-decoration:none; line-height:34px; font-size:12px; color:#555;}
.m_topHeader .pullDown a:hover{ background:#e9ecf2;}
.m_topHeader .classRoom .pullDown{ width:112px;}
.m_topHeader .classRoom .pullDown a{ text-align:center;}
/*.m_topHeader .classRoom .pullDown .join_classRoom{ background:#d7dce5;}
.m_topHeader .classRoom .pullDown .join_classRoom:hover{background:#e9ecf2;}*/
.m_topHeader .info .pullDown{ width:106px;}
.m_topHeader .info .pullDown a{ padding:0 13px; position:relative;}
.m_topHeader .info .pullDown .num{ position:absolute; right:13px; top:0px; font-size:12px; color:#a82929;}
.m_topHeader .setUp .pullDown{ width:78px; right:0px; left:auto; text-align:center;}
/*.m_topHeader .setUp .pullDown .outSpace{ background:#ccc; color:#222;}
.m_topHeader .setUp .pullDown .outSpace:hover{ background:#e9ecf2; color:#555;}*/

.fix_40{ margin-top:40px;}
.fix_48{ margin-top:48px;}

/*header end*/


/*工作空间 头部 地区更换图标 begin*/
/*.m_topbar .u_mini_nav .minin_main1{ background:url(../images/space_main/top_header/logo_ico3.png) 15px center no-repeat;}*/

/*工作空间 头部 地区更换图标 ends*/


.m_sapceSearch{width: 260px; height: 22px; /*border: #309aeb solid 1px;*/ background: #fff; border-radius: 11px; margin: 12px 20px 0px 0px;}
.m_sapceSearch dl{ float:left; position:relative; width:70px;}
.m_sapceSearch dt{ width:60px; height:22px;background:url(../images/space_main/top_header/searchTop_ico.png) no-repeat 52px center; text-indent:16px; font-size:14px; line-height:22px;  cursor:pointer; color:#555;}
.m_sapceSearch dd { border:#dddddd solid 1px; position:absolute; width:58px; top:36px; left:2px;}
.m_sapceSearch dd a{ display:block; line-height:30px; text-align:center; background:#fff; color:#555; font-size: 14px;}
.m_sapceSearch dd a:hover{ background:#efefef; text-decoration: none;}
.m_sapceSearch dd i{ position:absolute; left:24px; top:-7px; background:url(../images/space_main/top_header/search_dd_ico.png) no-repeat; width:12px; height:7px;}
.m_sapceSearch .inp_txt{ width:160px; height:18px; float:left; font-size:14px; line-height:18px; margin:2px 0px 0px 0px; border:0px; padding:0px; box-shadow:none;}
.m_sapceSearch .inp_btn{ float:left; margin-left: 5px; width:14px; height:22px; background:url(../images/space_main/top_header/search2_ico1.png) no-repeat left 4px; border:0px; cursor:pointer;}
.m_sapceSearch .inp_btn:hover{ background-position:0px -33px;}