html{
	height:100%;
}

body{
	background:url('../images/common/bg.png') center center no-repeat;
	background-size: 100% 100%;
	height:100%;
}

/*背景*/

/*logo*/
.logo{
	position: fixed;
	z-index: 10;
	/* width: 53px; */
	height: 45px;
	background: url(../images/common/logo.png) left center no-repeat;
	top: 14px;
	left: 16px;
	cursor: pointer;
	padding-left: 80px;
	color: #01f0ff;
	font-size: 28px;
}

.logo:hover{
	background: url('../images/common/logo_hover.png') center center no-repeat;
}

/*全屏按钮*/
.fullScreen{
	position: fixed;
	z-index: 10;
	width: 51px;
	height: 41px;
	background: url('../images/common/fullScreen.png') left center no-repeat;
	top:20px;
	right:20px;
	cursor: pointer;
}

.fullScreen:hover{
	background-position: right center;
}


/*头部*/
header{
	position: relative;
	overflow: hidden;
}
/*导航*/
.nav{
	height:65px;
	width: 1024px;
	margin: 0 auto;
	background: url('../images/common/navBg.png') center top no-repeat;
	background-size: 100%;
	position: relative;
	z-index: 15;
}

.navList{
	padding: 0 60px;
	height: 56px;
}

.navList li{
	float: left;
	margin: 0 19px;
}

.navName{
	height: 56px;
	position: relative;
}

.navClick{
	color: #01f0ff;
	font-size: 18px;
	height: 56px;
	line-height: 56px;
	display: block;
	cursor: pointer;
	padding: 0 4px;
	position: relative;
	z-index: 12;
}

.navIcon{
	display: none;
	width: 10px;
	height: 10px;
	background-color: #01F0FF;
	box-shadow: 0px 0px 20px #01F0FF;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -5px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
	z-index: 10;
}

.navLight{
	opacity: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 18px;
	background-color: #01f0ff;
	border-radius: 84%;
	-webkit-filter: blur(12px); /* Chrome, Opera */
	-moz-filter: blur(12px);
	-ms-filter: blur(12px);
	filter: blur(12px);
	top: 19px;
	left: 0;
}

.navName:hover .navClick,.navName.cur .navClick{
	color: #fff;
	font-weight: bold;
}

.navName:hover .navLight,.navName.cur .navLight{
	animation: navHoverLight 0.5s linear;
    -moz-animation: navHoverLight 0.5s linear;	/* Firefox */
    -webkit-animation: navHoverLight 0.5s linear;	/* Safari 和 Chrome */
    -o-animation: navHoverLight 0.5s linear;
    animation-fill-mode : both;
}

.navName:hover .navIcon,.navName.cur .navIcon{
	display: block;
	-moz-animation: navHoverIcon 0.5s linear;	/* Firefox */
    -webkit-animation: navHoverIcon 0.5s linear;	/* Safari 和 Chrome */
    -o-animation: navHoverIcon 0.5s linear;
    animation-fill-mode : both;
}


/*班级选择*/
.classTab{
	margin: 0px auto;
	width: 904px;
	height: 36px;
	padding: 3px 0;
	position: relative;
}

.classTab-main{
	width: 902px;
	height: 34px;
	border: 1px solid #306f9b;
	background-color: rgba(20,61,106,0.56);
	overflow: hidden;
}

/*总概览*/
.classTab-all{
	float: left;
	margin: 0 10px;
	position: relative;
	width: 106px;
	text-align: center;
}



.classTab-text{
	/* height: 33px; */
	/* line-height: 33px; */
	display: block;
	color: #069EB4;
	font-size: 14px;
	text-align: center;
	display: inline-block;
}

.classTab-all .classTab-text{
	/* width: 106px; */
	font-size: 16px;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	position: relative;
	z-index: 10;
	cursor: pointer;
	padding: 0 10px;
}

.classTab-bg{
	position: absolute;
	z-index: 8;
	height: 15px;
	width: 100%;
	left: 0px;
	top: 9px;
	opacity: 0;
	display: block;
	background-color: #01f0ff;
	border-radius: 84%;
	-webkit-filter: blur(12px); /* Chrome, Opera */
	-moz-filter: blur(12px);
	-ms-filter: blur(12px);
	filter: blur(12px);
}

/*班级列表*/
.classTab-list{
	margin-left: 126px;
	height: 35px;
	position: relative;
	overflow: hidden;
}

.classTab-listUl{
	height: 35px;
	/* overflow: hidden; */
	position: absolute;
	left: 0px;
	top: 0px;
	padding-left: 5px;
}

.classTab-listUl li{
	float: left;
	margin: 0 7px;
	position: relative;
	padding: 0 10px;
}

.classTab-listUl li .classTab-box{
	height: 33px;
	line-height: 33px;
	/* padding: 0 10px; */
	position: relative;
	z-index: 10;
	cursor: pointer;
}

.classTab-subject{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: #04BACD;
	text-align: center;
	line-height: 16px;
	vertical-align: middle;
	color: #123963;
	margin-top: -4px;
	border-radius: 1px;
}

/*选中样式*/
.classTab-all:hover .classTab-text,.classTab-listUl li.moveHover:hover .classTab-box,.classTab-all.cur .classTab-text,.classTab-listUl li.cur .classTab-box{
	border-bottom: 2px solid #fff;
}

.classTab-all:hover .classTab-text,.classTab-listUl li.moveHover:hover .classTab-text,.classTab-all.cur .classTab-text,.classTab-listUl li.cur .classTab-text{
	color: #fff;
	font-weight: bold;
}

.classTab-all:hover .classTab-bg,.classTab-listUl li.moveHover:hover .classTab-bg,.classTab-all.cur .classTab-bg,.classTab-listUl li.cur .classTab-bg{
	animation: navHoverLight 0.5s linear;
    -moz-animation: navHoverLight 0.5s linear;	/* Firefox */
    -webkit-animation: navHoverLight 0.5s linear;	/* Safari 和 Chrome */
    -o-animation: navHoverLight 0.5s linear;
    animation-fill-mode : both;
}

.classTab-listUl li.moveHover:hover .classTab-subject,.classTab-listUl li.cur .classTab-subject{
	background-color: #fff;
}


/*左右切换按钮*/
.classTab-button{
	position: absolute;
	width: 43px;
	top: 2px;
	height:36px;
	background: url('../images/common/buttonIcon.png') no-repeat;
	cursor: pointer;
	z-index: 15;
}

.classTab-button.classTab-left{
	left: -45px;
	background-position: left center;
}

.classTab-button.classTab-right{
	right: -45px;
	background-position: right center;
}

.classTab-button:hover{
	animation: classButton 1s linear;
    -moz-animation: classButton 1s linear;	/* Firefox */
    -webkit-animation: classButton 1s linear;	/* Safari 和 Chrome */
    -o-animation: classButton 1s linear;
    animation-iteration-count:infinite;
}


/*背景线*/
.headerLine{
	height:1px;
	position: absolute;
	width: 35%;
	z-index: 6;
	top: 86px;
	padding: 2px 0;
}

.lineColor{
	height:1px;
	background-color: rgba(1,240,255,0.4);
}

.lineLight{
	height: 6px;
	width: 52px;
	background: url('../images/common/lightIcon.png') center center no-repeat;
	display: block;
	border-radius: 1px;
	position: absolute;
	top: -1px;
}

.headerLine.lineLeft{
	right: 50%;
	margin-right: 458px;
	border-right:1px solid rgba(1,240,255,0.4);
}

.headerLine.lineRight{
	left: 50%;
	margin-left: 458px;
	border-left:1px solid rgba(1,240,255,0.4);
	
}

.headerLine.lineLeft .lineLight{
	right: 0px;
	animation: lineLeft 15s linear;
    -moz-animation: lineLeft 15s linear;	/* Firefox */
    -webkit-animation: lineLeft 15s linear;	/* Safari 和 Chrome */
    -o-animation: lineLeft 15s linear;
    animation-iteration-count:infinite;
}

.headerLine.lineRight .lineLight{
	left:0px;
	animation: lineRight 15s linear;
    -moz-animation: lineRight 15s linear;	/* Firefox */
    -webkit-animation: lineRight 15s linear;	/* Safari 和 Chrome */
    -o-animation: lineRight 15s linear;
    animation-iteration-count:infinite;

    transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}


/*主体内容*/
.content{
	position: relative;
	overflow: hidden;
}

.content-main{
	position: relative;
	z-index: 20;
}



/*统计时间*/
.dateBox{
	position: fixed;
	bottom: 20px;
	right: 20px;
	color: #01F0FF;
	font-size: 12px;
}

/*loading页面*/
.loadingPage{
	height: 100%;
	width: 100%;
	position: absolute;
}

.loadingBg{
	width: 122px;
	height: 122px;
	background: url('../images/common/loadingBg.png') center center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -61px;
	margin-top: -61px;
}

.loadingLight{
	width: 122px;
	height: 122px;
	background: url('../images/common/loadingBg_light.png') center center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -61px;
	margin-top: -61px;
	animation: bubbleLight 3s linear;
    -moz-animation: bubbleLight 3s linear;	/* Firefox */
    -webkit-animation: bubbleLight 3s linear;	/* Safari 和 Chrome */
    -o-animation: bubbleLight 3s linear;
    animation-iteration-count:infinite;
}