/** 公共的样式 **/
body{background:#fafafa;}
.g-doc{min-height: 100%;width: 100%;}
.g-hd,.g-nd,.g-bd,.g-ft{width: 100%;min-width: 1080px;}
.m-bd{width: 1080px;margin: 0 auto;}
.g-bd > .m-bd > .g-mn{padding: 0 0 20px 0;clear: both;}

/** 页眉  **/
.g-hd{background: #d9fbff url(../img/top-bg.png)no-repeat center center;height: 261px;}
.g-hd .m-wrap{display: inline-block;padding-top:10px;float: left;cursor: default;}

/** 网站LOGO **/
#logo_wrap a{display:inline-block;width: 124px;height: 34px;background: url(../img/logo.png) no-repeat;}

/** 课改网LOGO **/
#logo_gxkg span{display: block;}
#logo_gxkg #tt{font: bold 26px/32px "microsoft yahei";color: #323232;}
#logo_gxkg #pp{font: 12px/16px "微软雅黑";color: #323232;}

/** 资源类型 **/
#type_wrap{padding-left: 10px;}
#this_type{font:500 34px/50px "microsoft yahei";color: #323232;}
#switch_type,#switch_type a{color: #15b358;font: 14px/26px "microsoft yahei";}
#switch_type a:hover{color: #15b358;}
#change_old a{color: #FF6F0F;font: bold 16px/26px "microsoft yahei";}
#change_old a:hover{color: #FF6F0F;}

/** 学科 **/
#course_wrap{padding-left: 20px;}
#this_course,#switch_course{display: block;}
#this_course{height: 36px;color: #EF843E;font:500 20px/36px "microsoft yahei";}
#switch_course{height: 20px;color: #969696;font: 14px/10px "microsoft yahei";text-align: center;}
#switch_course:hover{color: #323232;}

/** 头部右侧工具栏 **/
#tools_wrap{float: right;height: 26px;padding-top: 16px;color: #ffffff;}
#tools_wrap .loginName{color: #ffffff;display:inline-flex;}
#tools_wrap .loginName label{float: left;}
#tools_wrap .loginName span{float: left;width: 18px;height: 18px;background: url(../aui/img/tb_03.png) no-repeat;background-position: -110px -10px;margin-top: 6px;}
#tools_wrap .loginName:hover{color: #ffffff;}
#tools_wrap>a{color: #ffffff;font: 14px/26px "microsoft yahei";}
#tools_wrap>a:hover{color: #ffffff;}
#tools_wrap #j-reg{margin-right:20px;}

/** 头部右侧工具栏 下拉导航 **/
#user-nav-list{position: absolute;right: 0;background-color: #ffffff;border: 1px solid #bdbdbd;position: absolute;width: 120px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);display: none;z-index: 900325;}
#user-nav-list ul{width: 100%;}
#user-nav-list li{width: 100%;}
#user-nav-list li>a{font: 14px/30px "microsoft yahei";text-align: center;display: block;width: 100%;}
#user-nav-list li>a:hover{background-color: #F6F6F6;}
#user-nav-list li>a.exit{border-top: 1px solid #8f8f8f;}


/** 导航 **/
.g-nav-box{background:#5bcbff;}
#g_nav .g-nav-mn{height: 40px;}
#g_nav .m-tab{display: inline-block;float: left;}
#g_nav .m-tab a{position:relative;display: inline-block;width:135px;text-align:center;height: 30px;padding: 5px 0px;font: 18px/30px "microsoft yahei";float: left;color:#ffffff;}
#g_nav .m-tab a{overflow: visible;}
#g_nav .m-tab a.z-sel,#g_nav .m-tab a:hover{color: #5bcbff;background-color: #fafafa;}
#g_nav .m-sch{display: inline-block;float: right;height: 30px;padding: 4px 10px 4px 0;position: relative;}
#g_search {padding: 4px 25px;display: inline-block;height: 20px;}
#g_search b{display:inline-block;width: 16px;height: 16px;}

/** 面包屑导航 **/
.m-crm-wrap{height: 25px;padding: 10px 0 9px 0;}
.g-crm{height: 25px;cursor: default;}
.g-crm span{display: block;height: 25px;font: 12px/25px "microsoft yahei";color:#323232}
.g-crm span font{font-size: 12px;font-weight: 400;}
.g-crm span a:hover{color: #000000;text-decoration: underline;}

/** 页脚 **/
.g-ft{height: 100px;}
.g-ft .m-bd{border-top: 1px solid #DDDDDD;}
.g-ft-top{padding: 25px 0 5px 0;height: 20px;line-height: 20px;overflow:hidden;zoom:1;}
.g-ft-top a{line-height: 20px;color: #323232;margin-right: 20px;}
.g-ft-top a:hover{text-decoration: underline;}
.g-ft-bottom{height: 20px;padding: 0px 0 30px 0;}
/* .g-ft-top span, */.g-ft-bottom span{line-height: 20px;cursor: default;color: #969696;}
.qq_text{display:inline-block;background:url(../img/qq.png)no-repeat top left;padding-left:25px;margin-left:20px;overflow:visible;}
/** 课改网页脚 **/
#ft-p{text-align: center;margin-top: 35px;color: #999999;}

/** new标识 **/
.mark_new{position: absolute;right: 0px;top: -20px;background: url(../img/mark.gif) no-repeat right center;width: 60px;height: 20px;}

/** 搜索框下拉 **/
#searchList{position: absolute;left: 0;top: 34px;display: none;border: 1px solid #d4d4d5;background-color: white;padding: 5px 0;z-index: 1000;width: 240px;}
#searchList li{height: 26px;line-height: 26px;font-size: 14px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;box-sizing: border-box;cursor: pointer;}
#searchList li:hover{background-color: #eeeeee;}
.s-first, .s-second, .s-third, .s-other{width: 22px;height: 22px;text-align: center;color: white;display: inline-block;border-radius: 3px;font-weight: bold;line-height: 22px;margin-right: 12px;}
.s-first{background-color: #ec6941;}
.s-second{background-color: #f19149;}
.s-third{background-color: #eccf2f;}
.s-other{background-color: #c9c9c9;}
/* 导航new标识 */
.newIcon{
	width:27px;
	height:21px;
	background:url(../img/new_arrow.png) no-repeat top left;
	position:relative;
	display: block;
    top: -47px;
    right: -100px;
}
/* 导航blink样式 */
.blink{ 
	position:relative;
	display:block;
	top:-50px;
	right:-100px;
	width:32px;
	height:24px;
	background:url(../img/blink.png) no-repeat top left;
	background-size:100% 100%;
    	
   	animation: changeshadow 0.5s  ease-in  infinite ;
   	其它浏览器兼容性前缀
    -webkit-animation: changeshadow 0.5s linear infinite;
    -moz-animation: changeshadow 0.5s linear infinite;
    -ms-animation: changeshadow 0.5s linear infinite;
    -o-animation: changeshadow 0.5s linear infinite;
    }  
    @keyframes changeshadow {  
        0%{ transform:scale(1)}
         25%{ transform:scale(1.1)}   
        50%{ transform:scale(1.2)}
        75%{ transform:scale(1.1)}  
        100%{ transform:scale(1)}  
    }
    /* 添加兼容性前缀 */
	@-webkit-keyframes changeshadow { 
		0%{ transform:scale(1)}
         25%{ transform:scale(1.1)}   
        50%{ transform:scale(1.2)}
        75%{ transform:scale(1.1)}  
        100%{ transform:scale(1)}   
	}
	@-moz-keyframes changeshadow {
	    0%{ transform:scale(1)}
         25%{ transform:scale(1.1)}   
        50%{ transform:scale(1.2)}
        75%{ transform:scale(1.1)}  
        100%{ transform:scale(1)} 
	}
	@-ms-keyframes changeshadow {
	    0%{ transform:scale(1)}
         25%{ transform:scale(1.1)}   
        50%{ transform:scale(1.2)}
        75%{ transform:scale(1.1)}  
        100%{ transform:scale(1)} 
	}
	@-o-keyframes changeshadow {
	    0%{ transform:scale(1)}
         25%{ transform:scale(1.1)}   
        50%{ transform:scale(1.2)}
        75%{ transform:scale(1.1)}  
        100%{ transform:scale(1)}
	}