.zbg { background: url(../images/bg.jpg) no-repeat; background-size: cover;}

.ztheme { padding-top: .16rem; padding-bottom: .05rem; text-align: center; color: #fff; font-size: .22rem;}
.ztheme h1 { line-height: .36rem; font-size: .22rem; color: #fff;}
.ztheme h1 span { padding-right: .2rem;}
.ztheme p { line-height: .22rem; font-size: .13rem;}
.zcontainer { width: 12.88rem; margin: 0 auto; padding-bottom: .26rem;}
.zdbox { display: -webkit-box; -webkit-box-pack: justify;}
.zml { margin-left: .48rem;}
.zmr { margin-right: .48rem;}
.zpl { padding-left: .48rem;}
.zpr { padding-right: .48rem;}
.zmt { margin-top: .18rem;}
.zpt { padding-top: .22rem;}
.zside1 { width: 6.6rem;}
.zside2 { width: 4.5rem;}
.zside4 { width: 4.33rem;}
.zside5 { width: 3.47rem;}
.zside6 { width: 4.21rem;}
.zmain { width: 6.03rem;}
.zmain1 { width: 5.28rem;}
.zmain2 { width: 3.76rem;}
.zwide { width: 8.24rem;}
.zbgBr { border-radius: .15rem; background: #272625;}
/*----------------------------------------------------
标题
-----------------------------------------------------*/
.ztitle  {}
.ztitle_h { padding-top: .23rem; line-height: .18rem; font-size: .17rem; color: #fff;}
.ztitle_h i { display: inline-block; vertical-align: middle; margin-right: .11rem; width: .06rem; height: .17rem; border-radius: .04rem; background: #09f;}
			
.zcount {}
.zcount-list {}
.zcount-list:after { display: block; content: ''; clear: both;}
.zcount-img { float: left; width: 2.06rem; height: 1.59rem; margin-right: .2rem; margin-bottom: .1rem;}
.zcount-img img { width: 100%; height: 100%; border-radius: .04rem;}
.zcount-item { display: -webkit-box; -webkit-box-align: center; width: 1.85rem; height: .68rem; padding-left: .2rem; margin-bottom: .2rem; border-radius: .15rem; background: #272625;}
/*.zcount-item:last-child { margin-left: .32rem;}*/
.zcount-info { padding-left: .15rem; color: #fff;}
.zcount-info dt { font-size: .17rem; font-weight: bold;}
.zcount-info dd { font-size: .12rem; color: #999;}
.zcount-icon { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; width: .38; height: .38;}
.zcount-icon img { width: .36rem; height: .36rem;}
.zcount-bottom { display: -webkit-box; -webkit-box-pack: justify;}
.zcount-right {}

.zmodule {}
.zmodule-list { padding: 0 .2rem;}
.zmodule-row { display: -webkit-box; -webkit-box-align: center; line-height: .24rem; width: 100%; overflow: hidden; white-space: nowrap;}
.zmodule-row p { padding-right: .1rem; color: #fff;}
.zmodule-row h1 { padding-right: .1rem; color: #33bbff;}
.zmodule-row h2 { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; padding-right: .08rem; padding-left: .08rem; margin-right: .1rem; height: .16rem; border: 1px #d3fac5 solid; border-radius: .03rem; line-height: 1; font-size: .12rem; color: #d3fac5;}


.zpositive-list {  display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center;  padding: .16rem .2rem .14rem;}
.zpositive-justify { -webkit-box-pack: justify;}
.zpositive-item { display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: center; width: .68rem; /*height: 1.34rem;*/}
.zpositive-avata { position: relative; width: .56rem; height: .56rem;}
.zpositive-avata dt {  width: .56rem; height: .56rem; border-radius: 50%;}
.zpositive-avata dt img { width: 100%; height: 100%; border-radius: 50%;}
.zpositive-king { position: absolute; left: -0.08rem; bottom: -0.08rem; width: .36rem; height: .36rem; background-position: center center; background-repeat: no-repeat; background-size: .26rem .19rem;}
.zpositive-first .zpositive-king { background-image: url(../images/first.png);}
.zpositive-second .zpositive-king { background-image: url(../images/second.png);}
.zpositive-third .zpositive-king { background-image: url(../images/third.png);}
.zpositive-forth .zpositive-king { background-image: url(../images/forth.png);}
.zpositive-fifth .zpositive-king { background-image: url(../images/fifth.png);}
.zpositive-info dd { font-size: .12rem; color: #808080;}
.zpositive-first dd.zcolor { font-size: .12rem; color: #ffa800;}
.zpositive-second dd.zcolor { font-size: .12rem; color: #c6e6fb;}
.zpositive-third dd.zcolor { font-size: .12rem; color: #ce7145;}
.zpositive-forth dd.zcolor { font-size: .12rem; color: #ce7145;}
.zpositive-fifth dd.zcolor { font-size: .12rem; color: #ce7145;}
.zpositive-info {}
.zpositive-info dt { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; height: .2rem; padding-top: .04rem; font-size: .12rem; color: #fff;}
.zpositive-info dd { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; line-height: .16rem;}

/*综合排行*/
.zzonghepaihang { height: 3rem;}
/*二级教学单位学生人数统计*/
.zdaokelv { height: 2.23rem;}
/*二级教学单位网络课程数统计*/
.zjiaoxueziliao { height: 2.23rem;}

/*全校资源题库数量*/
.ztiku {}
.ztiku .zcount-item { float: left; display: -webkit-box; -webkit-box-align: center; width: 1.85rem; height: .68rem; padding-left: .2rem; margin-bottom: .2rem; border-radius: .15rem; background: #272625;}
.ztiku .zcount-item:nth-child(2n) { margin-left: .23rem;}
.ztiku .zcount-item:nth-child(5) { margin-bottom: 0;}
.ztiku .zcount-item:nth-child(6) { margin-bottom: 0;}


/*全校学生教师网络课程班级数*/
.zbanji {}
.zbanji .zcount-item { float: left; display: -webkit-box; -webkit-box-align: center; width: 1.86rem; height: .68rem; padding-left: .2rem; margin-left: .2rem; margin-bottom: .23rem; border-radius: .15rem; background: #272625;}
.zbanji .zcount-item:nth-child(3n + 1) { margin-left: 0rem;}
.zbanji .zcount-item:nth-child(n + 7) { margin-bottom: 0;}
/*督导评教*/
.zdudaopingjiao {}
.zdudaopingjiao .zcount-item { float: left; display: -webkit-box; -webkit-box-align: center; width: 1.86rem; height: .655rem; padding-left: .2rem; margin-left: .2rem; margin-bottom: .17rem; border-radius: .15rem; background: #272625;}
.zdudaopingjiao .zcount-item:nth-child(2n + 1) { margin-left: 0rem;}
.zdudaopingjiao .zcount-item:nth-child(n + 5) { margin-bottom: 0;}
.zdudaopingjiao .zcount-item:nth-child(n + 6) { margin-bottom: 0;}
.zdudaopingjiao .zcount-item:nth-child(n + 7) { margin-bottom: 0;}
/*督导评教*/
.zxueshengpingjiao {}
.zxueshengpingjiao .zcount-item { float: left; display: -webkit-box; -webkit-box-align: center; width: 1.8rem; height: .68rem; padding-left: .2rem; margin-left: .2rem; margin-bottom: .2rem; border-radius: .15rem; background: #272625;}
.zxueshengpingjiao .zcount-item:nth-child(2n + 1) { margin-left: 0rem;}
.zxueshengpingjiao .zcount-item:nth-child(n + 3) { margin-bottom: 0;}
.zxueshengpingjiao .zcount-item:nth-child(n + 4) { margin-bottom: 0;}
/*全校签到数量*/
.zqiandaoshu {}
.zqiandaoshu .zcount-item { float: left; display: -webkit-box; -webkit-box-align: center; width: 1.86rem; height: .68rem; padding-left: .2rem; margin-left: .2rem; margin-bottom: 0; border-radius: .15rem; background: #272625;}
.zqiandaoshu .zcount-item:nth-child(3n + 1) { margin-left: 0rem;}


/*2022-03-24 添加*/
.dayAct{ position:absolute; left:.4rem; top:5.12rem; z-index:9;}
.dayAct_con{ width:3.04rem; height:3.04rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}
.dayAct_ech{ width:3.04rem; height:3.04rem;}
.dayAct_list{ width:1.3rem; height:1.3rem; border:dotted #789ae4 .03rem; border-radius:50%; position:absolute; left:50%; top:50%; margin:-.65rem 0 0 -.65rem; z-index:99;
	background:url(../images/actAnimat.png) no-repeat center center; background-size:1rem 1rem;
}
.dayAct_pub{ position:absolute;}
.dayAct_pub dt{ width:.24rem; height:.24rem; background:#ffffff url(../images/ico-dayAct.png) no-repeat; border-radius:50%; overflow:hidden; position:absolute; top:0; left:0;}
.dayAct_pub dd{ font-size:.12rem; color:#FFFFFF; position:absolute; white-space:nowrap; text-align:center;}
.dayAct_pub dd p{ color:#9fe0ff;}
.dayAct_pub dd h3{ margin-bottom:.06rem; font-size:.13rem; font-weight:bold;}
.dayAct_01{ left:.2rem; top:-.02rem;}
.dayAct_01 dt{ background-position:0 0; background-size:.24rem auto;}
.dayAct_01 dd{ bottom:-.1rem; right:0;}
.dayAct_02{ left:.9rem; top:0rem;}
.dayAct_02 dt{ background-position:0 -.24rem; background-size:.24rem auto;}
.dayAct_02 dd{ bottom:0; left:.2rem;}
.dayAct_03{ left:1.2rem; top:.54rem;}
.dayAct_03 dt{ background-position:0 -.48rem; background-size:.24rem auto;}
.dayAct_03 dd{ left:.36rem; top:.1rem;}
.dayAct_04{ left:.9rem; top:1.1rem;}
.dayAct_04 dt{ background-position:0 -.72rem; background-size:.24rem auto;}
.dayAct_04 dd{ left:-.2rem; top:.5rem;}
.dayAct_05{ left:-.06rem; top:.86rem;}
.dayAct_05 dt{ background-position:0 -.96rem; background-size:.24rem auto;}
.dayAct_05 dd{ left:-.8rem; top:.16rem;}

.actAnimat{ width:3.04; height:3.04rem; position:relative; margin:0 auto; -webkit-animation:actBox 6000s linear infinite; animation:actBox 6000s linear infinite;}
.actAnimat .dayAct_pub dd{ -webkit-animation:actCell 6000s linear infinite; animation:actCell 6000s linear infinite;}
.actAnimat .dayAct_01 dd{ -webkit-transform-origin:center center; transform-origin:center center;}
.actAnimat .dayAct_02 dd{ -webkit-transform-origin:center center; transform-origin:center center;}
.actAnimat .dayAct_03 dd{ -webkit-transform-origin:center center; transform-origin:center center;}
.actAnimat .dayAct_04 dd{ -webkit-transform-origin:center center; transform-origin:center center;}
.actAnimat .dayAct_05 dd{ -webkit-transform-origin:center center; transform-origin:center center;}
@-webkit-keyframes actBox{
	form{transform: rotate(0deg)}
	to{transform: rotate(36000deg)}
}
@keyframes actBox{
	form{transform: rotate(0deg)}
	to{transform: rotate(36000deg)}
}
@-webkit-keyframes actCell{
	form{transform: rotate(0deg)}
	to{transform: rotate(-36000deg)}
}
@keyframes actCell{
	form{transform: rotate(0deg)}
	to{transform: rotate(-36000deg)}
}
.actAnimat:hover{
	animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
.actAnimat:hover .dayAct_pub dd{
	animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
.zpositive-list{ padding:.1rem .1rem;}
.zpositive-item{ width:.8rem;}
.zpositive-king{ font-size:.1rem; line-height:.46rem; color:#FFFFFF; text-align:center;}