@charset "utf-8";
/* CSS Document */

/*html,body{ overflow:hidden;}*/

body{ background:#091630;}

/*字体*/
@font-face{
    font-family:DIN-Medium;
    src:url(../../fontFamily/DIN-Medium.ttf),
    url(../../fontFamily/DIN-Medium.eot); /* IE9+ */
}

/*public start*/
.module_title{ line-height:.4rem; font-size:.20rem; color:#ffffff; font-weight:bold; text-align: center}
.textLinear{
    font-weight:600; color:#21ed54;
    background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#21ed54), to(#afff8a));
    background-image:-webkit-linear-gradient(bottom, #21ed54, #afff8a);
    background-image:-moz-linear-gradient(bottom, #21ed54, #afff8a);
    background-image:-o-linear-gradient(bottom, #21ed54, #afff8a);
    background-image:linear-gradient(bottom, #21ed54, #afff8a);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.textLinearRed{
    font-weight:600; color:#f53728;
    background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#f53728), to(#ff8074));
    background-image:-webkit-linear-gradient(bottom, #f53728, #ff8074);
    background-image:-moz-linear-gradient(bottom, #f53728, #ff8074);
    background-image:-o-linear-gradient(bottom, #f53728, #ff8074);
    background-image:linear-gradient(bottom, #f53728, #ff8074);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.textLinearBlue{
    font-weight:600; color:#465be8;
    background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#465be8), to(#05c9fd));
    background-image:-webkit-linear-gradient(bottom, #465be8, #05c9fd);
    background-image:-moz-linear-gradient(bottom, #465be8, #05c9fd);
    background-image:-o-linear-gradient(bottom, #465be8, #05c9fd);
    background-image:linear-gradient(bottom, #465be8, #05c9fd);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.fontBold{ font-weight:bold;}
/*public end*/

/*背景 start*/
.box_bg{ width:100%; height:100%; height:10.8rem;}
.bg01{/*今日动态*/
    background:url(../../images/bg01.png) no-repeat center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.bg02{/*签到监控*/
    background-image:url(../../images/box-Sign-bg.png),url(../../images/bg01.png);
    background-position:center bottom,center center;
    background-repeat: no-repeat,no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
/*背景 end*/

/*header start*/
.header_bd{ background:url(../../images/header_bd.png) no-repeat center/100% 1rem; width:100%; height:1rem; position:relative;}
.header_title{ width:100%; height:0.75rem; overflow:hidden;}
.header_title h1{ line-height:0.75rem; font-size:0.3rem; color:#e4e1ea; text-align:center; -webkit-box-reflect: below -.4rem -webkit-linear-gradient(transparent,transparent 50%,rgba(250,250,250,0.3));}
.header_name{ line-height:.86rem; font-size:.2rem; color:#e4e1ea; font-weight:bold; position:absolute; left:.4rem; top:0;}
.topTime{ line-height:.86rem; font-size:.2rem; color:#e4e1ea; font-weight:bold; position:absolute; right:.4rem; top:0; font-family:DIN-Medium;}
/*header end*/

/******************content*********************/
.boxMain{ height:9.8rem; position:relative;}
.dataHead_leiji{ position:absolute; left:5.2rem; z-index:9; width:8.8rem; height:1.28rem; background:rgba(255,255,255,.05); border-radius:.16rem; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;}
.dataHead_leiji .dataHead_row{ width:2.8rem;}
.dataHead_leiji img{ width:auto; height:.3rem; margin-left:.1rem; vertical-align:middle;}

/*今日动态*/
.dataHead{ display:-webkit-box; -webkit-box-align:center; position:absolute; left:.4rem; top:.22rem; z-index:9;}
.dataHead_item{ width:5.2rem; height:1.28rem; background:rgba(255,255,255,.05); border-radius:.16rem; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:end;}
.dataHead_item:nth-child(n+2){ margin-left:1.4rem;}
.dataHead_row{ width:2.5rem; height:.88rem; position:relative;}
.dataHead_row:before{ content:''; display:block; width:.88rem; height:.88rem; border-radius:50%; position:absolute; left:0; top:0; z-index:1; background:-webkit-linear-gradient(-45deg, rgba(13,74,225,1), rgba(0,0,0,0) 80%);}
.dataHead_text{ padding:.08rem 0 0 .2rem; position:absolute; left:0; top:0; z-index:2;}
.dataHead_text dt{ line-height:.32rem; font-size:.2rem; color:#FFFFFF; font-weight:bold; width: 3rem}
.dataHead_text dd{ line-height:.4rem; font-size:.32rem; font-style:italic;}

.tHave{ width:18.4rem; height:1.28rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:absolute; left:.4rem; top:.24rem;}
.tHave_title{ padding:.16rem 0 0 0; line-height:.26rem; font-size:.18rem; color:#FFFFFF; font-weight:bold; text-align:center;}
.tHave_con{ margin-top:.2rem; width:18.4rem; height:.4rem; overflow:hidden;}
.tHave_ul{ height:.4rem; display:-webkit-box; -webkit-box-align:center;}
.tHave_ul li{ width:3.2rem; height:.4rem; display:-webkit-box; -webkit-box-align:center;}
.tHave_ul li img{ width:60px; height:40px; margin-right:.2rem; display:block; float:left; border-radius:4px;}
.tHave_ul li dl{ -webkit-box-flex:1; padding-right:.2rem;}
.tHave_ul li dt{ line-height:.24rem; font-size:.14rem; color:#FFFFFF; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tHave_ul li dd{ line-height:.2rem; font-size:.12rem; color:#FFFFFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tHave_ul li .textLinear{ font-style: italic; font-size:.14rem; margin-left:.2rem;}

.ssAct{ position:absolute; left:.4rem; top:1.74rem; z-index:9;}
.ssAct_con{ width:4rem; height:2.6rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}
.ssAct_list{ margin-left:.2rem;}
.ssAct_list li{ width:50%; height:.88rem; margin:.2rem 0; position:relative; float:left;}
.ssAct_list li:before{ content:''; display:block; width:.88rem; height:.88rem; border-radius:50%; position:absolute; left:0; top:0; z-index:1; background:-webkit-linear-gradient(-45deg, rgba(13,74,225,1), rgba(0,0,0,0) 80%);}
.ssAct_list li .ssAct_text{ padding:.12rem 0 0 .2rem; position:absolute; left:0; top:0; z-index:2;}
.ssAct_list li .ssAct_text dt{ line-height:.3rem; font-size:.15rem; color:#FFFFFF;}
.ssAct_list li .ssAct_text dd{ line-height:.3rem; font-size:.28rem; font-style:italic; font-weight:bold;}
.ssAct_list li img{ width:.16rem; height:.16rem; margin-left:.08rem;}
.ssAct_list li:nth-child(1) .ssAct_text dd{ color:#00f1ff;}
.ssAct_list li:nth-child(2) .ssAct_text dd{ color:#f0b913;}
.ssAct_list li:nth-child(3) .ssAct_text dd{ color:#0080ff;}
.ssAct_list li:nth-child(4) .ssAct_text dd{ color:#ff6700;}
.ssAct_list li:nth-child(n+3){ height:.8rem;}
.ssAct_list li:nth-child(n+3):before{ width:.8rem; height:.8rem;}
.ssAct_list li:nth-child(n+3) .ssAct_text dt{ font-size:.14rem; line-height:.26rem;}
.ssAct_list li:nth-child(n+3) .ssAct_text dd{ font-size:.24rem;}
.ssAct_bar{ width:.3rem; height:2.08rem; position:absolute; top:.2rem;}
.ssAct_bar li{ width:.1rem; height:2.08rem; overflow:hidden; display:-webkit-box; -webkit-box-align:end;}
.ssAct_bar li .ssAct_Hei{ width:100%; height:60%; border-radius:.04rem;}
.ssAct_bar li .ssAct_Hei.ssAct_animate{ -webkit-animation:ssBar 1s; animation:ssBar 1s;}
.ssAct_bar li:nth-child(1){ float:left;}
.ssAct_bar li:nth-child(2){ float:right;}
.ssAct_pos_left li:nth-child(1) .ssAct_Hei{ background:-webkit-linear-gradient(#0080ff, rgba(0,0,0,0)); background:linear-gradient(#0080ff, rgba(0,0,0,0));}
.ssAct_pos_left li:nth-child(2) .ssAct_Hei{ background:-webkit-linear-gradient(#00f1ff, rgba(0,0,0,0)); background:linear-gradient(#00f1ff, rgba(0,0,0,0));}
.ssAct_pos_right li:nth-child(1) .ssAct_Hei{ background:-webkit-linear-gradient(#ff6700, rgba(0,0,0,0)); background:linear-gradient(#ff6700, rgba(0,0,0,0));}
.ssAct_pos_right li:nth-child(2) .ssAct_Hei{ background:-webkit-linear-gradient(#f0b913, rgba(0,0,0,0)); background:linear-gradient(#f0b913, rgba(0,0,0,0));}
.ssAct_pos_left{ left:1.6rem;}
.ssAct_pos_right{ left:3.5rem;}

@-webkit-keyframes ssBar{
    0% {height:0}
}
@keyframes ssBar{
    0% {height:0}
}

.dayAct{ position:absolute; left:.4rem; top:5.12rem; z-index:9;}
.dayAct_con{ width:4rem; height:3.8rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;overflow: hidden}
.dayAct_ech{ width:4rem; height:3.8rem;}
.dayAct_list{ width:1.6rem; height:1.6rem; border:dotted #789ae4 .03rem; border-radius:50%; position:absolute; left:50%; top:50%; margin:-.83rem 0 0 -.83rem; z-index:99;}
.dayAct_pub{ position:absolute;}
.dayAct_pub dt{ width:.32rem; height:.32rem; 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 h3{ margin-bottom:.06rem; font-size:.13rem; font-weight:bold;}
.dayAct_01{ left:.18rem; top:-.02rem;}
.dayAct_01 dt{ background-position:0 0; background-size:.32rem;}
.dayAct_01 dd{ bottom:0rem; right:0;}
.dayAct_02{ left:1.1rem; top:-.02rem;}
.dayAct_02 dt{ background-position:0 -.32rem; background-size:.32rem;}
.dayAct_02 dd{ bottom:.1rem; left:.2rem;}
.dayAct_03{ left:1.4rem; top:.9rem;}
.dayAct_03 dt{ background-position:0 -.64rem; background-size:.32rem;}
.dayAct_03 dd{ left:.36rem; top:.1rem;}
.dayAct_04{ left:.65rem; top:1.45rem;}
.dayAct_04 dt{ background-position:0 -.96rem; background-size:.32rem;}
.dayAct_04 dd{ left:-.12rem; top:.44rem;}
.dayAct_05{ left:-.12rem; top:.9rem;}
.dayAct_05 dt{ background-position:0 -1.28rem; background-size:.32rem;}
.dayAct_05 dd{ left:-.9rem; top:.16rem;}

.adyAct_anm{ width:4rem; height:3.8rem; position:relative; margin:0 auto; -webkit-animation:actBox 6000s linear infinite; animation:actBox 6000s linear infinite;}
.dayAct_pub dd{ -webkit-animation:actCell 6000s linear infinite; animation:actCell 6000s linear infinite;}
.dayAct_01 dd{ transform-origin:center center;}
.dayAct_02 dd{ transform-origin:center center;}
.dayAct_03 dd{ transform-origin:center center;}
.dayAct_04 dd{ transform-origin:center center;}
.dayAct_05 dd{ 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)}
}

.dataCoverflow{ position:absolute; left:4.8rem; top:1.74rem; z-index:9;}
.dataCover_con{ margin-top:.18rem; width:9.6rem; height:4.48rem; background:rgba(255,255,255,.05); border-radius:.08rem;}

.dataCover_con .sshyDepar_container{
	padding: .5rem 0 0 1rem;
	background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, transparent), color-stop(0.5, #294566));
	background:-webkit-linear-gradient(transparent 50%, #294566 50%);
	background:-moz-linear-gradient(transparent 50%, #294566 50%);
	background:-o-linear-gradient(transparent 50%, #294566 50%);
	background:linear-gradient(transparent 50%, #294566 50%),-webkit-linear-gradient(top,transparent 50%,#294566 50%),-webkit-linear-gradient(top,transparent 50%,#294566 50%),-webkit-linear-gradient(top,transparent 50%,#294566 50%),-webkit-linear-gradient(top,transparent 50%,#294566 50%);
	background-position:1.2rem .56rem,1.2rem 1.14rem,1.2rem 1.72rem,1.2rem 2.28rem,1.2rem 2.86rem;
	background-repeat:no-repeat;
	background-size:7.9rem 2px;
}

.dataCover_con .sshyDepar_container .sshyDepar_y{ width:1rem; height:3rem; top:.5rem;}
.dataCover_con .sshyDepar_container .sshyDepar_x{ top:3.5rem; left:1rem; margin:0 .5rem 0 .2rem;}
.dataCover_con .sshyDepar_container .sshyDepar_warper{ height:3rem; margin:0 .5rem 0 .2rem;}



.earth{ width:12.35rem; height:7.25rem; position:absolute; left:3.42rem; top:.8rem; z-index:6;overflow: hidden}
.earth_pic{ width:10rem; height:10rem; background:url(../../images/map_allq.png) no-repeat; background-size:9.5rem auto; position:absolute; left:50%; top:0; margin-left:-5rem; z-index:1;}
.earth_dl{ position:absolute; color:#FFFFFF;  border-radius:.06rem; z-index:9;
	background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(8,20,155,1)), to(rgba(0,0,0,0)));
	background:-webkit-linear-gradient(left, rgba(8,20,155,1), rgba(0,0,0,0));
	background:-moz-linear-gradient(left, rgba(8,20,155,1), rgba(0,0,0,0));
	background:-o-linear-gradient(left, rgba(8,20,155,1), rgba(0,0,0,0));
	background:linear-gradient(left, rgba(8,20,155,1), rgba(0,0,0,0));
}

.earth_one{ width:1.85rem; padding:.16rem 0 .04rem .2rem; left:3.78rem; top:2.08rem;}
.earth_one dt{ line-height:1; font-size:.2rem;}
.earth_one dd{ height:.48rem; line-height:.48rem; font-size:.3rem; font-weight:bold; font-style:italic; overflow:hidden;}
.earth_one dd .small_text{ font-size:.2rem; font-style:initial;}

.earth_two{ width:1.85rem; padding:.16rem 0 .04rem .2rem; left:6.98rem; top:1.78rem;}
.earth_two dt{ line-height:1; font-size:.2rem;}
.earth_two dd{ height:.48rem; line-height:.48rem; font-size:.3rem; font-weight:bold; font-style:italic; overflow:hidden;}
.earth_two dd .small_text{ font-size:.2rem; font-style:initial;}

.earth_three{ width:2.2rem; padding:.16rem 0 .04rem .2rem; left:5.38rem; top:3.3rem;}
.earth_three dt{ line-height:1; font-size:.2rem;}
.earth_three dd{ height:.42rem; line-height:.42rem; font-size:.3rem; font-weight:bold; font-style:italic; overflow:hidden;}
.earth_three dd .small_text{ font-size:.2rem; font-style:initial;}

.earth_four{ width:1.85rem; padding:.16rem 0 .04rem .2rem; left:3.18rem; top:4.6rem;}
.earth_four dt{ line-height:1; font-size:.2rem;}
.earth_four dd{ height:.42rem; line-height:.42rem; font-size:.3rem; font-weight:bold; font-style:italic; overflow:hidden;}
.earth_four dd .small_text{ font-size:.2rem; font-style:initial;}

.earth_five{ width:1.85rem; padding:.12rem 0 .04rem .2rem; left:5.68rem; top:5.2rem;}
.earth_five dt{ line-height:1; font-size:.2rem;}
.earth_five dd{ height:.36rem; line-height:.36rem; font-size:.3rem; font-weight:bold; font-style:italic; overflow:hidden;}
.earth_five dd .small_text{ font-size:.2rem; font-style:initial;}

.earth_six{ width:1.85rem; padding:.12rem 0 .04rem .2rem; left:7.88rem; top:4.7rem;}
.earth_six dt{ line-height:1; font-size:.2rem;}
.earth_six dd{ height:.36rem; line-height:.36rem; font-size:.3rem; font-weight:bold; font-style:italic; overflow:hidden;}
.earth_six dd .small_text{ font-size:.2rem; font-style:initial;}

/*转圈*/
.earthAnm{ -webkit-animation:actBox 6000s linear infinite; animation:echBox 6000s linear infinite;}
@-webkit-keyframes echBox{
	form{transform: rotate(0deg)}
	to{transform: rotate(36000deg)}
}
@keyframes echBox{
	form{transform: rotate(0deg)}
	to{transform: rotate(36000deg)}
}


.earthDemo {
	-webkit-animation-name:scaleDraw;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-duration:5s;
}
@keyframes scaleDraw {
	0% {
		transform:scale(1);
	}
	25% {
		transform:scale(.96);
	}
	50% {
		transform:scale(1);
	}
	75% {
		transform:scale(.96);
	}
}

.ssAct_con,.tHave,.dayAct_con,.actDepar_ech,.realTime,.actCourse_con{ background:#131f38 !important; z-index:9;}

.realTime{ width:9.6rem; height:2.3rem; background:rgba(255,255,255,.05); border-radius:.08rem; display:-webkit-box; position:absolute; left:4.8rem; top:7.2rem; z-index:9;}
.realTime_item{ width:4.2rem; padding:.2rem .3rem 0; color:#FFFFFF;}
.realTime_title{ height:.28rem; line-height:1; font-size:.16rem; font-weight:bold; text-align:center;}
.realTime_myscroll{ height:1.68rem; overflow:hidden;}
.realTime_list li{ padding:.08rem 0; display:-webkit-box; -webkit-box-align:center;}
.realTime_list li img{ width:.4rem; height:.4rem; margin-right:.2rem; border-radius:50%; display:block;}
.realTime_list li dl{ line-height:.2rem; -webkit-box-flex:1;}
.realTime_list li dt{ font-size:.14rem; font-weight:bold;}
.realTime_list li dt small{ font-size:.12rem; font-weight:normal; margin-left:.12rem;}
.realTime_list li dd{ font-size:.12rem;}

.actDepar{ position:absolute; left:14.8rem; top:1.74rem; z-index:9;}
.actDepar_ech{ width:4rem; height:3.2rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem;}
.actDepar_con{ width:4rem; height:3rem; padding:.1rem 0; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem;}
.actDepar_sel{ height:3rem; overflow:hidden;}
.actDepar_ul{ padding:0 .3rem;}
.actDepar_ul li{ height:.6rem; display:-webkit-box; -webkit-box-align:center;}
.actDepar_ul li img{ width:60px; height:40px; margin-right:.2rem; display:block; float:left; border-radius:4px;}
.actDepar_ul li dl{ -webkit-box-flex:1;}
.actDepar_ul li dt{ line-height:.24rem; font-size:.14rem; color:#FFFFFF; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.actDepar_ul li dd{ line-height:.2rem; font-size:.12rem; color:#FFFFFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.actDepar_ul li .textLinear{ font-style: italic; font-size:.14rem; margin-left:.2rem;}

.actCourse{ position:absolute; left:14.8rem; top:5.72rem; z-index:9;}
.actCourse_con{ width:4rem; height:3.2rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem;}
.classTop5{ padding:.24rem .2rem 0; color:#FFFFFF;}
.classTop5 li{ margin-bottom:.08rem; display:-webkit-box; -webkit-box-align:center;}
.classTop5 li .phNum{ width:0.2rem; height:0.22rem; line-height:0.18rem; margin-right:.2rem; background:url(../../images/classTop5_ico.png) no-repeat 0 -0.6rem/0.2rem auto; font-family:DIN-Medium; color:#FFF; font-weight:bold; text-align:center; display:block; overflow:hidden;}
.classTop5 li .phNum_01{ background-position:0 0; background-size:.2rem auto;}
.classTop5 li .phNum_02{ background-position:0 -.3rem; background-size:.2rem auto;}
.classTop5 li .phNum_text{ line-height:.24rem; -webkit-box-flex:1;}
.classTop5 li .phNum_text dt{ font-size:.14rem; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.classTop5 li .phNum_text dt{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.classTop5 li .phNum_text dd{ font-size:.12rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.classTop5 li .phNum_bar{margin-left:.2rem;font-size:.12rem;color:#9fe0ff;max-width: 100px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}

/*签到监测*/
.claSign{ position:absolute; left:.4rem; top:.4rem;}
.claSign_con{ width:5.6rem; height:4.6rem; margin-top:.6rem;}
.claSign_container{ padding:0 0 0 .6rem; position:relative;}
.claSign_container .claSign_y{ width:.6rem; height:2.3rem; font-size:12px; color:#65c6e7; text-align:right; position:absolute; top:0; left:0;}
.claSign_container .claSign_y{ display:-webkit-box; -webkit-box-align:end; -webkit-box-pack:justify; -webkit-box-orient:vertical;}
.claSign_container .claSign_x{ padding:0 .3rem 0 .2rem; border-top:solid rgba(101,198,231,.2) 1px; display:-webkit-box; -webkit-box-align:start; -webkit-box-pack:justify; font-size:.14rem; color:#19cfff; position:absolute; left:.6rem; top:2.4rem; right:0;}
.claSign_container .claSign_x li{ width:.26rem; height:1.6rem; padding-top:.16rem; writing-mode:tb-rl; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.claSign_container .claSign_x li:before{content:''; display:block; width:2px; height:.04rem; background:#6ea8c2; position:absolute; top:0; left:50%; margin-left:-1px;}
.claSign_container .claSign_warper{ padding:0 .3rem 0 .2rem; height:2.3rem; position:relative; display:-webkit-box; -webkit-box-align:end; -webkit-box-pack:justify;}
.claSign_container .claSign_box{ width:.16rem; height:0; position:relative; -webkit-animation:claSign .5s linear; animation:claSign .5s linear; -webkit-transition:all .5s linear; transition:all .5s linear;}
@-webkit-keyframes claSign{0%{ height: 0%;}}
@keyframes claSign{0%{ height: 0%;}}
.claSign_container .claSign_box:before{ content:''; display:block; width:.16rem; height:.02rem; background:-webkit-linear-gradient(#02818c,#02919b); position:absolute; left:0; bottom:-.04rem; z-index: 6;}
.claSign_container .claSign_box:after{ content:''; display:block; width:.06rem; height:.02rem; background:-webkit-linear-gradient(left,#02818c 60%,rgba(0,0,0,0)); position:absolute; left:100%; bottom:-.02rem; z-index: 6;-webkit-transform:skew(0,-30deg); transform:skew(0,-30deg);}
.claSign_container .claSignRow{ transform-style: preserve-3d; position:absolute;}
.claSign_container .claSignRow:nth-child(1){ width:.16rem; height:100%; background:-webkit-linear-gradient(#01f0ff,#005559); z-index:3;}
.claSign_container .claSignRow:nth-child(2){ width:.06rem; height:100%; background:-webkit-linear-gradient(#23c9cc,#005559); z-index:2; left:100%; bottom:.02rem;	-webkit-transform:skew(0,-30deg); transform:skew(0,-30deg);}
.claSign_container .claSignRow:nth-child(3){ width:.18rem; height:.04rem; background:-webkit-linear-gradient(135deg,#029199,#2bfaff); top:-.04rem; left:.02rem; -webkit-transform:skew(-47deg,0); transform:skew(-47deg,0);}

.deparSign{ position:absolute; left:7rem; top:6rem;}
.deparSign_con{ width:5.6rem; height:3.1rem; display:-webkit-box; -webkit-box-align:end; -webkit-box-pack:center;}

.depar_container{ width:2.8rem; height:2.2rem; margin-bottom:.3rem;}
.depar_box{ height:.4rem; position:relative; display:-webkit-box; opacity: 0;}
.depar_box:nth-child(1){-webkit-box-align:center; -webkit-animation:depar_1 .3s linear 1.4s forwards;}
.depar_box:nth-child(2){-webkit-box-align:center; -webkit-animation:depar_2 .3s linear 1.1s forwards;}
.depar_box:nth-child(3){-webkit-box-align:center; -webkit-animation:depar_3 .3s linear .8s forwards;}
.depar_box:nth-child(4){-webkit-box-align:center; -webkit-animation:depar_4 .3s linear .5s forwards;}
.depar_box:nth-child(5){-webkit-box-align:center; -webkit-animation:depar_5 .3s linear .3s forwards;}

@-webkit-keyframes depar_1{
    from { opacity: 0;}
    to { opacity: 1;}
}
@-webkit-keyframes depar_2{
    from { opacity: 0;}
    to { opacity: 1;}
}
@-webkit-keyframes depar_3{
    from { opacity: 0;}
    to { opacity: 1;}
}
@-webkit-keyframes depar_4{
    from { opacity: 0;}
    to { opacity: 1;}
}
@-webkit-keyframes depar_5{
    from { opacity: 0;}
    to { opacity: 1;}
}

@-webkit-keyframes deparZyoyo {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(.2rem);
        transform: translateY(.2rem);
    }
    100% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem);
    }
}
@keyframes deparZyoyo{
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(.2rem);
        transform: translateY(.2rem);
    }
    100% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem);
    }
}
.deparZyoyo {
    -webkit-animation: deparZyoyo 3s infinite ease-in-out;
    animation: deparZyoyo 3s infinite ease-in-out;
}


.depar_box dl{ width:.1rem; height:.1rem; background:rgba(203,232,255,.5); border-radius:50%; position:absolute; z-index:6;}
.depar_box dl:before{ content:''; display:block; width:.2rem; height:1px; background:rgba(203,232,255,.5); position:absolute;}
.depar_box dl:after{ content:''; display:block; width:2rem; height:1px; background:rgba(203,232,255,.5); position:absolute;}
.depar_box dt{ font-size:.16rem; color:#45aeff; white-space:nowrap; position:absolute;}
.depar_box dd{ font-size:.2rem; color:#cbe8ff; white-space:nowrap; position:absolute;}
.depar_box:nth-child(1) dl{ left:1.26rem; bottom:.15rem;}
.depar_box:nth-child(2) dl{ left:1.56rem; bottom:.24rem;}
.depar_box:nth-child(3) dl{ left:1.1rem; bottom:.24rem;}
.depar_box:nth-child(4) dl{ left:1.86rem; bottom:.32rem;}
.depar_box:nth-child(5) dl{ left:.7rem; bottom:.34rem;}

.depar_box:nth-child(1) dt,
.depar_box:nth-child(3) dt,
.depar_box:nth-child(5) dt{ left:-2rem; top:0;}

.depar_box:nth-child(2) dt,
.depar_box:nth-child(4) dt{ right:-2rem; top:0;}

.depar_box:nth-child(1) dd,
.depar_box:nth-child(3) dd,
.depar_box:nth-child(5) dd{ left:-2rem; top:-.38rem;}

.depar_box:nth-child(2) dd,
.depar_box:nth-child(4) dd{ right:-2rem; top:-.38rem;}

.depar_box:nth-child(1) dl:before,
.depar_box:nth-child(3) dl:before,
.depar_box:nth-child(5) dl:before{ right:0; bottom:.1rem; transform: rotate(40deg);}

.depar_box:nth-child(2) dl:before,
.depar_box:nth-child(4) dl:before{ left:0; bottom:.1rem; transform: rotate(-40deg);}

.depar_box:nth-child(1) dl:after,
.depar_box:nth-child(3) dl:after,
.depar_box:nth-child(5) dl:after{ position:absolute; top:-.07rem; right:.17rem;}

.depar_box:nth-child(2) dl:after,
.depar_box:nth-child(4) dl:after{ position:absolute; top:-.07rem; left:.17rem;}

.depar_box:before,.depar_box:after{ content:''; display:block; height:0;  border-left:.15rem solid transparent; border-right:.15rem solid transparent; position:absolute; z-index: 2;}
.depar_box:nth-child(1):before{
    border-bottom:.4rem solid #37ccca;
    width:0;
    left:1.18rem;  bottom:.04rem;
    transform: rotate(21deg);
}
.depar_box:nth-child(1):after{
    border-bottom:.4rem solid #3ee6e3;
    width:0;
    right:1.19rem; bottom:.04rem;
    transform: rotate(-21deg);
}

.depar_box:nth-child(2):before{
    border-bottom:.4rem solid #34a6bf;
    width:.3rem;
    left:.9rem; bottom:.08rem;
    transform: rotate(21deg);
}
.depar_box:nth-child(2):after{
    border-bottom:.4rem solid #3bbcd9;
    width:.3rem;
    right:.9rem; bottom:.08rem;
    transform: rotate(-21deg);
}

.depar_box:nth-child(3):before{
    border-bottom:.4rem solid #307ab3;
    width:.6rem;
    left:.61rem; bottom:.12rem;
    transform: rotate(21deg);
}
.depar_box:nth-child(3):after{
    border-bottom:.4rem solid #378bcc;
    width:.6rem;
    right:.61rem; bottom:.12rem;
    transform: rotate(-21deg);
}

.depar_box:nth-child(4):before{
    border-bottom:.4rem solid #2e54a9;
    width:.9rem;
    left:.32rem; bottom:.16rem;
    transform: rotate(21deg);
}
.depar_box:nth-child(4):after{
    border-bottom:.4rem solid #345ebf;
    width:.9rem;
    right:.32rem; bottom:.16rem;
    transform: rotate(-21deg);
}

.depar_box:nth-child(5):before{
    border-bottom:.4rem solid #12388e;
    width:1.2rem;
    left:.03rem; bottom:.2rem;
    transform: rotate(21deg);
}
.depar_box:nth-child(5):after{
    border-bottom:.4rem solid #1a45a4;
    width:1.2rem;
    right:.03rem; bottom:.2rem;
    transform: rotate(-21deg);

}

.depar_box:nth-child(1){ position:relative; z-index:5;}
.depar_box:nth-child(2){ position:relative; z-index:4;}
.depar_box:nth-child(3){ position:relative; z-index:3;}
.depar_box:nth-child(4){ position:relative; z-index:2;}
.depar_box:nth-child(5){ position:relative; z-index:1;}

.wholeSign{ position:absolute; top:6rem;}
.wholeSign .module_title{ padding-left:.5rem;}
.wholeSign_con{ width:7.26rem; height:3.1rem; position:relative;}

.signList{ position:absolute; left:13.26rem; top:6rem;}
.signList_con{ width:5.54rem; height:3.1rem; position:relative;}

.signList_item{ height:.9rem; position:absolute;}
.signList_item:nth-child(1){left:2.35rem;top: .2rem;}
.signList_item:nth-child(2){left:.92rem;top: 1.1rem;}
.signList_item:nth-child(3){left:3.72rem;top: 1.1rem;}
.signList_item:nth-child(4){left:1.06rem;top: 2.3rem;}
.signList_item:nth-child(5){left:3.6rem;top: 2.3rem;}
.signList_item img{ width:.9rem; height:.9rem; display:block; margin-left:-14px;}
.signList_a{ width:.62rem; height:.9rem; overflow:hidden; -webkit-transform:rotate(120deg); transform:rotate(120deg); position:absolute; left:.04rem; top:0; z-index:1;}
.signList_b{ width:100%; height:100%; overflow:hidden; -webkit-transform:rotate(-60deg); transform:rotate(-60deg);}
.signList_c{ width:100%; height:100%; overflow:hidden; -webkit-transform:rotate(-60deg); transform:rotate(-60deg);}
.signList_1{ width:.7rem; height:.9rem; overflow:hidden; -webkit-transform:rotate(120deg); transform:rotate(120deg);}
.signList_2{ width:100%; height:100%; overflow:hidden; -webkit-transform:rotate(-60deg); transform:rotate(-60deg);}
.signList_3{ width:100%; height:100%; overflow:hidden; -webkit-transform:rotate(-60deg); transform:rotate(-60deg); position:absolute; left:0; top:0; z-index:2; background:#FFFFFF;}
.signList_item:before{ content:''; display:block; width:.36rem; height:.28rem; background:url(../../images/ico-signList.png) no-repeat; overflow:hidden; position:absolute; left:.18rem; top:-.12rem; z-index:3;}
.signList_item:nth-child(1):before{ background-position:0 0; background-size:.36rem auto;}
.signList_item:nth-child(2):before{ background-position:0 -.3rem; background-size:.36rem auto;}
.signList_item:nth-child(3):before{ background-position:0 -.6rem; background-size:.36rem auto;}
.signList_item:nth-child(4):before{ background-position:0 -.9rem; background-size:.36rem auto;}
.signList_item:nth-child(5):before{ background-position:0 -1.2rem; background-size:.36rem auto;}
.signList_text{ position:absolute; left:.9rem; top:.16rem;}
.signList_text dt{ line-height:.26rem; font-size:.18rem; color:#FFFFFF;}
.signList_text dd{ line-height:.2rem; font-size:.18rem; color:#19cfff; padding-top:.06rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.signList_item:nth-child(1) .signList_text{ width:2.2rem;}
.signList_item:nth-child(2) .signList_text{ width:1.6rem;}
.signList_item:nth-child(3) .signList_text{ width:1rem;}
.signList_item:nth-child(4) .signList_text{ width:1.6rem;}
.signList_item:nth-child(5) .signList_text{ width:1rem;}

.signList_con{ animation:picImg 20s linear infinite;}
.signList_item{ animation:picImg_list 20s linear infinite; transform-origin:center center; z-index:99;}
/*@-webkit-keyframes picImg{
	from {
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	to {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-webkit-keyframes picImg_list{
	from {
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	to {
		-webkit-transform:rotate(-360deg);
		transform:rotate(-360deg);
	}
}*/

.kx_signList{ width:3.2rem; height:3.4rem; padding:.4rem .4rem 0; position:absolute; top:-.4rem; left:50%; margin-left:-2rem; overflow:hidden;}
.kx_animat{ width:3.18rem; height:3.13rem; -webkit-animation:hexagon 20s linear infinite; animation:hexagon 20s linear infinite;}
.kx_animat .kx_hexagon{ width:3.18rem; height:3.13rem;}
.kx_animat .kx_hexagon:nth-child(1){ position:absolute; left:0; top:0; -webkit-transform:rotate(60deg); transform:rotate(60deg);}
.kx_animat .kx_hexagon:nth-child(2){ position:absolute; left:0; top:0; -webkit-transform:rotate(30deg); transform:rotate(30deg);}
@-webkit-keyframes hexagon{
    from {
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

.sxHexagon{ width:1.72rem; height:2rem; overflow:hidden; -webkit-transform:rotate(120deg); transform:rotate(120deg); -webkit-animation:sxHexagon 20s linear infinite; animation:sxHexagon 20s linear infinite; position:absolute; left:50%; top:50%; margin:-1rem 0 0 -.86rem;}
.sxHexagon .sxHexagon_child{ content:''; display:block; width:1.72rem; height:2rem; overflow:hidden; -webkit-transform:rotate(-60deg); transform:rotate(-60deg);}
.sxHexagon .sxHexagon_child:before{ content:''; display:block; width:1.72rem; height:2rem; overflow:hidden; background:rgba(0,120,213,.1); -webkit-transform:rotate(-60deg); transform:rotate(-60deg);}
@-webkit-keyframes sxHexagon{
    from {
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    to {
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
}

.daysSign{ position:absolute; left:13.46rem; top:.4rem;}
.daysSign_con{ width:5.3rem; height:5.2rem; position:relative;}
.days_bg{ width:100%; height:2.5rem; background:#0e2248; position:absolute; top:.2rem;}
.days_sj{ width:0; height:0; border-style:solid; border-width:1rem 2.65rem 0; border-color:#142952 transparent transparent; position:absolute; left:0; top:2.7rem;}
.days_sj:before{ content:''; display:block; width:2.65rem; height:.4rem; background:#0e2042; position:absolute; right:0; top:-.52rem;
    transform: skew(0deg,20deg);
}
.days_sj:after{ content:''; display:block; width:2.65rem; height:.4rem; background:#0a1b3b; position:absolute; left:0; top:-.52rem;
    transform: skew(0deg,-20deg);
}

.daysSign_mian{ width:100%; position:absolute; top:.94rem; z-index:9;}
.daysSign_item{ font-size:.14rem; position:absolute;}
.daysSign_item:nth-child(1){ width:1.46rem; font-size:.18rem; top:0; left:50%; margin-left:-.73rem; z-index:3;}
.daysSign_item:nth-child(2){ width:1.14rem; top:.16rem; left:50%; margin-left:-1.7rem; z-index:2;}
.daysSign_item:nth-child(3){ width:1.14rem; top:.16rem; right:50%; margin-right:-1.7rem; z-index:2;}
.daysSign_item:nth-child(4){ width:.8rem; top:.33rem; left:50%; margin-left:-2.36rem; z-index:1;}
.daysSign_item:nth-child(5){ width:.8rem; top:.33rem; right:50%; margin-right:-2.36rem; z-index:1;}
.daysSign_item .daysSign_round{ position:relative; border-radius:50%; box-shadow:rgba(0,0,0,.7) 0 .02rem .18rem; background:-webkit-gradient(linear, 0 0, 0 100%, from(#1a99d0), to(#143685)); background:-webkit-linear-gradient(#1a99d0, #143685); background:-moz-linear-gradient(#1a99d0, #143685); background:-o-linear-gradient(#1a99d0, #143685); background:linear-gradient(#1a99d0, #143685);}
.daysSign_item:nth-child(1) .daysSign_round{ width:1.46rem; height:1.46rem;}
.daysSign_item:nth-child(2) .daysSign_round{ width:1.14rem; height:1.14rem;}
.daysSign_item:nth-child(3) .daysSign_round{ width:1.14rem; height:1.14rem;}
.daysSign_item:nth-child(4) .daysSign_round{ width:.8rem; height:.8rem;}
.daysSign_item:nth-child(5) .daysSign_round{ width:.8rem; height:.8rem;}
.daysSign_item .daysSign_text{ line-height:1.5; margin:.1rem .1rem 0; text-align:center;}
.daysSign_item .daysSign_text dt{ color:#FFFFFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.daysSign_item .daysSign_text dd{ color:#19cfff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.daysSign_item:before{ content:''; display:block; background:url(../../images/ico-daysSign.png) no-repeat; overflow:hidden; position:absolute; bottom:100%; margin-bottom:-.04rem;}
.daysSign_item:nth-child(1):before{ width:.5rem; height:.38rem; background-position:0 0; background-size:.5rem auto; left:50%; margin-left:-.25rem;}
.daysSign_item:nth-child(2):before{ width:.5rem; height:.38rem; background-position:0 -.4rem; background-size:.5rem auto; left:50%; margin-left:-.25rem;}
.daysSign_item:nth-child(3):before{ width:.5rem; height:.38rem; background-position:0 -.8rem; background-size:.5rem auto; left:50%; margin-left:-.25rem;}
.daysSign_item:nth-child(4):before{ width:.4rem; height:.3rem; background-position:0 -1.2rem; background-size:.5rem auto; left:50%; margin-left:-.2rem;}
.daysSign_item:nth-child(5):before{ width:.4rem; height:.3rem; background-position:0 -1.6rem; background-size:.5rem auto; left:50%; margin-left:-.2rem;}
.daysSign_item .daysSign_round:before{ content:''; display:block; width:1rem; height:1rem; position:absolute; top:50%; left:50%; margin:-.5rem 0 0 -.5rem;}
.daysSign_item:nth-child(1) .daysSign_round:before{ background:url(../../images/01-daysSign.png) no-repeat center center/.44rem .86rem;}
.daysSign_item:nth-child(2) .daysSign_round:before{ background:url(../../images/02-daysSign.png) no-repeat center center/.6rem .68rem;}
.daysSign_item:nth-child(3) .daysSign_round:before{ background:url(../../images/03-daysSign.png) no-repeat center center/.6rem .68rem;}
.daysSign_item:nth-child(4) .daysSign_round:before{ background:url(../../images/04-daysSign.png) no-repeat center center/.32rem .4rem;}
.daysSign_item:nth-child(5) .daysSign_round:before{ background:url(../../images/05-daysSign.png) no-repeat center center/.32rem .4rem;}
.daysSign_item .daysSign_round:after{ content:''; display:block; width:1rem; height:1rem; background:url(../../images/daysSign_tx.png) no-repeat center/1rem; position:absolute; top:50%; left:50%; margin:-.5rem 0 0 -.5rem;}
.daysSign_item:nth-child(1) .daysSign_round:after{ -webkit-transform: scale(1); transform: scale(1);}
.daysSign_item:nth-child(2) .daysSign_round:after{ -webkit-transform: scale(.6); transform: scale(.6);}
.daysSign_item:nth-child(3) .daysSign_round:after{ -webkit-transform: scale(.6); transform: scale(.6);}
.daysSign_item:nth-child(4) .daysSign_round:after{ -webkit-transform: scale(.3); transform: scale(.3);}
.daysSign_item:nth-child(5) .daysSign_round:after{ -webkit-transform: scale(.3); transform: scale(.3);}
.daysSign_item .daysSign_jiguang{ width:1.46rem; height:1.46rem; border-radius:50%; position:absolute; top:0; left:0; z-index:1; -webkit-animation:daysSign_jiguang 10s linear infinite; animation:daysSign_jiguang 10s linear infinite;}
.daysSign_item .daysSign_jiguang:before{ content:''; display:block; width:1.46rem; height:1.46rem; background:url(../../images/ico-jiguang.png) no-repeat center center/1.46rem 1.46rem; position:absolute; left:0; top:0;}
@-webkit-keyframes daysSign_jiguang{
    to {
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    from {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

.gaugeAll{ width:7.26rem; height:6rem; position:absolute; left:6rem; top:0;}
.gaugeAll_box{ width:5rem; height:5rem; position:absolute; left:50%; top:50%; margin:-2.5rem 0 0 -2.5rem;}
.gaugeAll_ech{ width:5rem; height:5rem; position:absolute; left:0; top:0; z-index:9;}

.gaugeAll_bg{ width:5.2rem; height:5.2rem; position:absolute; left:50%; top:50%; margin:-2.6rem 0 0 -2.6rem; z-index:6;}
.gaugeAll_bg:before,.gaugeAll_bg:after{ position:absolute; left:0; top:0; content:''; display:block; width:100%; height:100%; border-radius:50%; background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,126,255,.6)), to(rgba(28,177,235,.6))); background:-webkit-linear-gradient(rgba(0,126,255,.6), rgba(28,177,235,.6)); background:-moz-linear-gradient(rgba(0,126,255,.6), rgba(28,177,235,.6)); background:-o-linear-gradient(rgba(0,126,255,.6), rgba(28,177,235,.6)); background:linear-gradient(rgba(0,126,255,.6), rgba(28,177,235,.6));}

.gaugeAll_shadow{ position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; z-index:3; box-shadow:0 0 1rem rgba(0,117,218,.8);}
.gaugeAll_shadow:before,.gaugeAll_shadow:after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.gaugeAll_shadow:before{ animation:ripple 2s ease-out infinite; box-shadow:0 0 1rem rgba(0,117,218,.5); border-radius:50%;}
.gaugeAll_shadow:after{ animation:ripple 2s 1s ease-out infinite; box-shadow:0 0 1rem rgba(0,117,218,.5); border-radius:50%;}
@-webkit-keyframes ripple{
    0% {
        opacity:.25;
    }

    100% {
        opacity:0;
        -webkit-transform:scale(1.5);
        transform:scale(1.5);
    }
}

.gaugeAll_jiguang{ width:5.2rem; height:5.2rem; position:absolute; left:50%; top:50%; margin:-2.6rem 0 0 -2.6rem; z-index:10;
    -webkit-animation:gaugeAll_jiguang 30s linear infinite; animation:gaugeAll_jiguang 30s linear infinite;
}
.gaugeAll_jiguang:before{ content:''; display:block; width:1.6rem; height:2.7rem; background:url(../../images/ico-gaugeAll.png) no-repeat center center/1.6rem 2.7rem; position:absolute; left:-.28rem; bottom:.18rem; z-index:10;}
@-webkit-keyframes gaugeAll_jiguang{
    to {
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    from {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

.gaugeAll_dotted{ width:5.4rem; height:5.4rem;border:dotted rgba(0,126,255,.8) .02rem; border-radius:50%; position:absolute; left:50%; top:50%; margin:-2.72rem 0 0 -2.72rem;
    -webkit-animation:gaugeAll_dotted 60s linear infinite; animation:gaugeAll_dotted 60s linear infinite;
}
@-webkit-keyframes gaugeAll_dotted{
    to {
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    from {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

.gaugeAll_double{ width:5.84rem; height:5.84rem; background:url(../../images/gaugeAll_double.png) no-repeat center center/5.82rem; border-radius:50%; position:absolute; left:50%; top:50%; margin:-2.92rem 0 0 -2.92rem; z-index:0;
    -webkit-animation:gaugeAll_double 60s linear infinite; animation:gaugeAll_double 60s linear infinite;
}
@-webkit-keyframes gaugeAll_double{
    to {
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    from {
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
}


/*课堂活动监测*/
.actBox{ width:100%; height:.7rem; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; position:absolute; top:.22rem; z-index:9;}
.actBox .dataIcon{ font-size:.24rem; color:#FFFFFF;}
.actBox .dataNums{ height:.7rem; display:-webkit-box; -webkit-box-align:center;}
.actBox .dataNums .dataOne{ width:.48rem; height:.7rem; line-height:.7rem; margin-left:.1rem; background:#0a54ea; font-size:.64rem; color:#FFFFFF; font-family:DIN-Medium; border-radius:.03rem; text-align:center;}
.actBox .dataNums .dataBoc{ width:100%; height:100%; position:relative; overflow:hidden;}
.actBox .dataNums .dataBoc .tt{ width:100%; height:100%; position:absolute; top:0; left:0;}
.actBox .dataNums .tt span{ width:100%; height:100%; float:left;}

.actBox_data{ height:.7rem;}
.actBox_unit{  padding-left:.15rem; font-size:.25rem; color:#FFFFFF;}

.actBox .TextAnimate{ display:-webkit-box; -webkit-box-align:center;}
.actBox .TextAnimate .dataCell{ background:#0a54ea; height:.7rem; margin-left:.1rem; border-radius:.03rem;}
.actBox .TextAnimate .dataCell_no{ background:none; margin-left:.1rem;}
.actBox .TextAnimate span i{ width:.48rem; height:.7rem; line-height:.7rem; font-size:.64rem; color:#FFFFFF; font-family:DIN-Medium; border-radius:.03rem; text-align:center;}
.actBox .TextAnimate span i.dd{ width:auto; height:.7rem; line-height:.7rem; background:none; font-size:.36rem; color:#FFFFFF; font-family:arial;}

.acTtraw{ position:absolute; top:5.6rem; left:.4rem; z-index:9;}
.acTtraw_ech{ width:4rem; height:3.6rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}

.actMonth{ position:absolute; top:.8rem; left:.4rem; z-index:9;}
.actMonth_con{ width:4rem; height:3.2rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}
.actMonth_con{ display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; -webkit-box-orient:vertical;}
.actMonth_con dl{ width:100%; line-height:.36rem; display:-webkit-box; -webkit-box-align:center;}
.actMonth_con dt{ width:55%; padding-right:.1rem; font-size:.16rem; color:#9ba8d4; -webkit-box-flex:1; text-align:right;}
.actMonth_con dd{ width:45%; padding-left:.1rem; font-size:.24rem; font-style:italic; -webkit-box-flex:1; text-align:left;}

.actTments{ position:absolute; top:.8rem; left:14.8rem; z-index:9;}
.actTments_ech{ width:4rem; height:3.6rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}

.actWeek{ position:absolute; top:5.6rem; left:14.8rem; z-index:9;}
.actWeek_con{ width:4rem; height:3.2rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}

.actDistrib{ text-align: center; display: block; width: 100%; padding-top: 1.65rem;}


/*师生活跃监测*/
.ico_upDown{ width:2.5rem; height: .88rem; display:-webkit-box; -webkit-box-align:center;}
.ico_upDown_row{ width:50%; display:-webkit-box; -webkit-box-align:center;}
.ico_upDown_row dt{ width:.46rem; height:.46rem; font-size:.18rem; color:#FFFFFF; background:rgba(0,49,243,.15); box-shadow:0 0 .12rem rgba(19,189,255,.5) inset; border-radius:50%; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;}
.ico_upDown_row dd{ font-size:.22rem; font-weight:normal; display:-webkit-box; -webkit-box-align:center; -webkit-box-flex:1;}
.ico_upDown_row dd.ico_down:before{ content:''; display:block; width:.3rem; height:.3rem; background:url(../../images/ico-upDown.png) no-repeat 0 -.3rem/.3rem auto;}
.ico_upDown_row dd.ico_up:before{ content:''; display:block; width:.3rem; height:.3rem; background:url(../../images/ico-upDown.png) no-repeat 0 0/.3rem auto;}

/*2023-09-21*/
.sshyDepar_scroll{ height:3rem; margin-right:.2rem; overflow:hidden;}
.sshyDepar_scroll_list{ position:relative; margin:0 0 0 .08rem;}
.sshyDepar_scroll_list .sshyDepar_x{ top:2.3rem !important; left:0rem !important;}

.sshyDepar{ position:absolute; left:.4rem; top:1.74rem; z-index:9;}
.sshyDepar_con{ width:4.4rem; height:3.2rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}
.sshyDepar_container{ padding:.2rem 0 0 .5rem; position:relative;}
.sshyDepar_container .sshyDepar_y{ width:.5rem; height:2.3rem; font-size:12px; color:#7fd4ff; text-align:right; position:absolute; top:.2rem; left:0;}
.sshyDepar_container .sshyDepar_y{ display:-webkit-box; -webkit-box-align:end; -webkit-box-pack:justify; -webkit-box-orient:vertical;}
.sshyDepar_container .sshyDepar_x{ margin:0 .2rem 0 .1rem; border-top:solid rgba(101,198,231,.2) 1px; display:-webkit-box; -webkit-box-align:start; -webkit-box-pack:justify; font-size:.12rem; color:#7fd4ff; position:absolute; left:.5rem; top:2.5rem; right:0;}
.sshyDepar_container .sshyDepar_x li{ width:.16rem; position:relative;}
.sshyDepar_container .sshyDepar_x li:before{content:''; display:block; width:2px; height:.04rem; background:#6ea8c2; position:absolute; top:0; left:50%; margin-left:-1px;}
.sshyDepar_container .sshyDepar_x .sshyDepar_text{ width:.4rem; position:absolute; top:.06rem; left:50%; margin-left:-.2rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.sshyDepar_container .sshyDepar_warper{ margin:0 .2rem 0 .1rem; height:2.3rem; position:relative; display:-webkit-box; -webkit-box-align:end; -webkit-box-pack:justify;}
.sshyDepar_container .sshyDepar_box{ width:.16rem; height:0; position:relative;
    -webkit-animation:sshyDepar .5s linear;
    animation:sshyDepar .5s linear;
    -webkit-transition:all .5s linear;
    transition:all .5s linear;
}
@-webkit-keyframes sshyDepar{
    0%{ height: 0%;}
}
@keyframes sshyDepar{
    0%{ height: 0%;}
}
.sshyDepar_container .ssyhSifang{ content:''; display:block; width:.2rem; height:.2rem; position:absolute; left:-.12rem; bottom:-.24rem; z-index: 6;
    -webkit-transform-origin:right top;
    transform-origin:right top;
    -webkit-transform:rotateY(-45deg) rotateX(270deg);
    transform:rotateY(-45deg) rotateX(270deg);
}
.sshyDepar_container .ssyhSifang:before{ content:''; display:block; border:dashed #0053fa 1px; position:absolute; left:0; bottom:0; right:0; top:0;
}
.sshyDepar_container .ssyhSifang:after{ content:''; display:block; border:dashed #FFFFFF 1px; position:absolute; left:0; bottom:0; right:0; top:0;
    -webkit-animation: borderAround 1.5s infinite linear; animation: borderAround 1.5s infinite linear;
}
@-webkit-keyframes borderAround {
    0%,100% { clip: rect(0 .2rem 2px 0); }
    25% { clip: rect(0 .2rem .2rem .18rem); }
    50% { clip: rect(.2rem .2rem .2rem 0); }
    75% { clip: rect(0 2px .2rem 0); }
}
@keyframes borderAround {
    0%,100% { clip: rect(0 .2rem 2px 0); }
    25% { clip: rect(0 .2rem .2rem .18rem); }
    50% { clip: rect(.2rem .2rem .2rem 0); }
    75% { clip: rect(0 2px .2rem 0); }
}
.sshyDepar_container{
    background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, transparent), color-stop(0.5, #294566));
    background:-webkit-linear-gradient(transparent 50%, #294566 50%);
    background:-moz-linear-gradient(transparent 50%, #294566 50%);
    background:-o-linear-gradient(transparent 50%, #294566 50%);
    background:linear-gradient(transparent 50%, #294566 50%),-webkit-linear-gradient(top,transparent 50%,#294566 50%),-webkit-linear-gradient(top,transparent 50%,#294566 50%),-webkit-linear-gradient(top,transparent 50%,#294566 50%),-webkit-linear-gradient(top,transparent 50%,#294566 50%);
    background-position:.6rem .26rem,.6rem .7rem,.6rem 1.12rem,.6rem 1.56rem,.6rem 2rem;
    background-repeat:no-repeat;
    background-size:3.6rem 2px;
}
.sshyDepar_container .sshyDepar_warper{ -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:rotateX(-20deg) rotateY(0); transform:rotateX(-20deg) rotateY(0);}
.sshyDepar_container .sshyDepar_box{ position:relative; z-index:9; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;}
.sshyDepar_container .sshyDeparRow{ position:absolute;}
.sshyDepar_container .sshyDeparRow:nth-child(1){ width:.16rem; height:100%; background:-webkit-linear-gradient(top,#14c0ff,#0052fa); left:-.08rem;
    -webkit-transform-origin:right top;
    transform-origin:right top;
    -webkit-transform:rotateY(-45deg);
    transform:rotateY(-45deg);
}
.sshyDepar_container .sshyDeparRow:nth-child(2){ width:.16rem; height:100%; background:-webkit-linear-gradient(top,#0079e4,#0028f5); left:-.08rem;
    -webkit-transform-origin:right top;
    transform-origin:right top;
    -webkit-transform:rotateY(-135deg);
    transform:rotateY(-135deg);
}
.sshyDepar_container .sshyDeparRow:nth-child(3){ width:.16rem; height:.16rem; background:-webkit-linear-gradient(top,#60d2ff,#3d9df4); left:-.08rem;
    -webkit-transform-origin:right top;
    transform-origin:right top;
    -webkit-transform:rotateY(-45deg) rotateX(-92deg);
    transform:rotateY(-45deg) rotateX(-92deg);
}


.sshySeven{ position:absolute; left:.4rem; top:5.76rem; z-index:9;}
.sshySeven_con{ width:4.4rem; height:3.1rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;
    display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; -webkit-box-orient:vertical;
}
.sshySeven_teacher,.sshySeven_students{ width:3.9rem; padding:.4rem 0 0 0; display:-webkit-box;}
.sshySeven_start{ width:.44rem;}
.sshySeven_start dt{ width:.44rem; height:.44rem; background:url(../../images/sshySeven.png) no-repeat; overflow:hidden;}
.sshySeven_start dd{ margin-top:.1rem; line-height:.24rem; font-size:.16rem; text-align:center;}
.sshySeven_teacher dt{ background-position:0 0; background-size:.44rem auto;}
.sshySeven_students dt{ background-position:0 -.44rem; background-size:.44rem auto;}
.sshySeven_list{ -webkit-box-flex:1;}
.sshySeven_list .sshySeven_row{ min-height:1.3rem; margin-left:.4rem; float:left;}
.sshySeven_list .sshySeven_row dt{ width:.68rem; height:.68rem; position:relative;}
.sshySeven_list .sshySeven_row dt img{ width:.68rem; height:.68rem; border-radius:50%; display:block; overflow:hidden;}
.sshySeven_list .sshySeven_row dd{ margin-top:.12rem; line-height:.2rem; font-size:.14rem; color:#FFFFFF; text-align:center;}
.sshySeven_list .sshySeven_row dt:before{ content:''; display:block; width:.3rem; height:.3rem; background:url(../../images/ico-sshySeven.png) no-repeat; overflow:hidden; position:absolute; left:0; bottom:-.08rem; z-index:2;}
.sshySeven_list .sshySeven_row:nth-child(1) dt:before{ background-position:0 0; background-size:.3rem auto;}
.sshySeven_list .sshySeven_row:nth-child(2) dt:before{ background-position:0 -.3rem; background-size:.3rem auto;}
.sshySeven_list .sshySeven_row:nth-child(3) dt:before{ background-position:0 -.6rem; background-size:.3rem auto;}
.sshySeven_list .sshySeven_row:nth-child(4) dt:before{ background-position:0 -.9rem; background-size:.3rem auto;}
.sshySeven_list .sshySeven_row:nth-child(5) dt:before{ background-position:0 -1.2rem; background-size:.3rem auto;}
.sshySeven_list .sshySeven_row:nth-child(6) dt:before{ background-position:0 -1.5rem; background-size:.3rem auto;}

.sshySeven_list .sshySeven_row dt:after{ content:''; display:block; width:.68rem; height:.68rem; border:dotted #FFFFFF 2px; border-radius:50%; position:absolute; left:-2px; top:-2px; z-index:1;
    -webkit-animation: borderImg 15s infinite linear; animation: borderImg 15s infinite linear;
}
@-webkit-keyframes borderImg {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes borderImg {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

.sshyRanking{ position:absolute; left:14.4rem; top:1.74rem; z-index:9;}
.sshyRanking_ech{ width:4.4rem; height:3.2rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}

.sshyTrend{ position:absolute; left:14.4rem; top:5.76rem; z-index:9;}
.sshyTrend_ech{ width:4.4rem; height:3.1rem; margin-top:.14rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}

.shishenhgSeven{ position:absolute; left:.4rem; top:5.76rem; z-index:9;}
.shishenhgSeven_con{ width:4.4rem; height:3.1rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;
	display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; -webkit-box-orient:vertical;
}
.shishenhgSeven_teacher,.shishenhgSeven_students{ min-width:3.9rem; padding:.2rem 0; display:-webkit-box; -webkit-box-align:center;}
.shishenhgSeven_start{ width:.44rem; margin:0 0 0 0;}
.shishenhgSeven_start dt{ width:.44rem; height:.44rem; background:url(../../images/sshySeven.png) no-repeat; overflow:hidden;}
.shishenhgSeven_start dd{ margin-top:.1rem; line-height:.24rem; font-size:.16rem; text-align:center;}
.shishenhgSeven_teacher dt{ background-position:0 0; background-size:.44rem auto;}
.shishenhgSeven_students dt{ background-position:0 -.44rem; background-size:.44rem auto;}
.shishenhgSeven_list{ width:3.1rem; display:-webkit-box; -webkit-box-align:center;}
.shishenhgSeven_list .shishenhgSeven_row{ min-height:1rem; width:1.2rem;}
.shishenhgSeven_list .shishenhgSeven_row dt{ width:.68rem; height:.68rem; position:relative; margin:0 auto;}
.shishenhgSeven_list .shishenhgSeven_row dt img{ width:.68rem; height:.68rem; border-radius:50%; display:block; overflow:hidden;}
.shishenhgSeven_list .shishenhgSeven_row dd{ margin-top:.12rem; padding:0 .1rem; line-height:.2rem; font-size:.14rem; color:#FFFFFF; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.shishenhgSeven_list .shishenhgSeven_row dt:before{ content:''; display:block; width:.3rem; height:.3rem; background:url(../../images/ico-sshySeven.png) no-repeat; overflow:hidden; position:absolute; left:0; bottom:-.08rem; z-index:2;}
.shishenhgSeven_list .shishenhgSeven_row:nth-child(1) dt:before{ background-position:0 0; background-size:.3rem auto;}
.shishenhgSeven_list .shishenhgSeven_row:nth-child(2) dt:before{ background-position:0 -.3rem; background-size:.3rem auto;}
.shishenhgSeven_list .shishenhgSeven_row:nth-child(3) dt:before{ background-position:0 -.6rem; background-size:.3rem auto;}

.shishenhgSeven_list .shishenhgSeven_row dt:after{ content:''; display:block; width:.68rem; height:.68rem; border:dotted #FFFFFF 2px; border-radius:50%; position:absolute; left:-2px; top:-2px; z-index:1;
	-webkit-animation: borderImg 15s infinite linear; animation: borderImg 15s infinite linear;
}
@-webkit-keyframes borderImg {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes borderImg {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}


/*整体数据概况*/
.wholeData{ display:-webkit-box; -webkit-box-align:center; position:absolute; left:.4rem; top:.22rem; z-index:9;}
.wholeData_item{ width:5.2rem; height:1.8rem; background:rgba(255,255,255,.05); border-radius:.16rem;}
.wholeData_item:nth-child(n+2){ margin-left:1.4rem;}
.wholeData_name{ padding:.1rem .2rem 0; line-height:.4rem; font-size:.18rem; color:#FFFFFF;}
.wholeData_text{ display:-webkit-box; -webkit-box-align:center; padding-bottom:.08rem;}
.wholeData_text dt{ width:50%; padding-right:.18rem; font-size:.16rem; color:#9ba8d4; text-align:right;}
.wholeData_text dd{ -webkit-box-flex:1; font-size:.24rem; font-style:italic; text-align:left;}

.wholeRanking{ position:absolute; left:.4rem; top:2.24rem; z-index:9;}
.wholeRanking_ech{ width:4rem; height:3.2rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}

.wholeTraffic{ position:absolute; left:.4rem; top:6.22rem; z-index:9;}
.wholeTraffic_ech{ width:4rem; height:2.7rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}

.wholeNumber{ position:absolute; left:14.8rem; top:2.24rem; z-index:9;}
.wholeNumber_ech{ width:4rem; height:3.2rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}

.wholeAccess{ position:absolute; left:14.8rem; top:6.22rem; z-index:9;}
.wholeAccess_con{ width:4rem; height:2.7rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;
    display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; -webkit-box-orient:vertical;
}
.wholeAccess_text{ width:100%; display:-webkit-box; -webkit-box-align:center; padding:.05rem 0;}
.wholeAccess_text dt{ width:46%; padding-right:.18rem; font-size:.16rem; color:#9ba8d4; text-align:right;}
.wholeAccess_text dd{ -webkit-box-flex:1; font-size:.24rem; font-style:italic; text-align:left;}
.wholeAccess_text dd small{ font-size:.16rem; margin-left:.1rem;}

/*2020-12-04 start*/
.wholeData .wholeData_item{ position:relative;}
.wholeData .actBox{ top:.7rem;}
/*2020-12-04 end*/

/*资源监测*/
.monitBox{ width:100%; height:.64rem; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; position:absolute; top:.52rem; z-index:9;}
.monitBox .dataIcon{ font-size:.20rem; color:#FFFFFF;}
.monitBox .dataIcon2{ font-size:.35rem; color: #46b2fd; font-weight: bold; font-family: 'SFUDinEngschrift'}
.monitBox .dataNums{ height:.64rem; display:-webkit-box; -webkit-box-align:center;}
.monitBox .dataNums .dataOne{ width:.5rem; height:.64rem; line-height:.64rem; margin-left:.1rem; font-size:.48rem; color:#FFFFFF; font-family:DIN-Medium; border-radius:.06rem; text-align:center;
    background:#3550a4;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#66c7f7), to(#3550a4));
    background:-webkit-linear-gradient(#66c7f7, #3550a4);
    background:-moz-linear-gradient(#66c7f7, #3550a4);
    background:-o-linear-gradient(#66c7f7, #3550a4);
    background:linear-gradient(#66c7f7, #3550a4);
}
.monitBox .dataNums .dataBoc{ width:100%; height:100%; position:relative; overflow:hidden;}
.monitBox .dataNums .dataBoc .tt{ width:100%; height:100%; position:absolute; top:0; left:0;}
.monitBox .dataNums .tt span{ width:100%; height:100%; float:left;}

.monitBox .TextAnimate{ display:-webkit-box; -webkit-box-align:center;}
.monitBox .TextAnimate .dataCell{ height:.64rem; margin-left:.1rem; overflow:hidden;  border-radius:.06rem;
    background:#3550a4;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#66c7f7), to(#3550a4));
    background:-webkit-linear-gradient(#66c7f7, #3550a4);
    background:-moz-linear-gradient(#66c7f7, #3550a4);
    background:-o-linear-gradient(#66c7f7, #3550a4);
    background:linear-gradient(#66c7f7, #3550a4);
}
.monitBox .TextAnimate .dataCell_no{ margin-left:.1rem; background:none}
.monitBox .TextAnimate span i{ width:.48rem; height:.64rem; line-height:.64rem; font-size:.48rem; color:#FFFFFF; font-family:DIN-Medium; border-radius:.03rem; text-align:center;}
.monitBox .TextAnimate span i.dd{ width:auto; height:.64rem; line-height:.64rem; background:none; font-size:.36rem; color:#FFFFFF; font-family:arial;}
.monitBox .monitBox_data{ height:.64rem;}

.monitSchool{ width:4rem; height:1.28rem; background:rgba(255,255,255,.05); border-radius:.16rem; position:absolute; left:.4rem; top:.26rem; z-index:9;}
.monitSchool:before{ content:''; display:block; width:.88rem; height:.88rem; border-radius:50%; position:absolute; left:.2rem; top:.16rem; background:-webkit-linear-gradient(-45deg, rgba(13,74,225,1), rgba(0,0,0,0) 80%);}
.monitSchool:after{ content:''; display:block; width:2.8rem; height:1px; border-top:dashed rgba(255,255,255,.1) 1px; position:absolute; top:.66rem; right:.24rem;}
.monitSchool .monitSchool_num{ width:100%; line-height:.4rem; display:-webkit-box; -webkit-box-align:center; position:absolute; top:.18rem; z-index:2;}
.monitSchool .monitSchool_num dt{ font-size:.2rem; color:#FFFFFF; font-weight:bold; padding:0 .2rem 0 .3rem;}
.monitSchool .monitSchool_num dd{ font-size:.32rem; font-style:italic; -webkit-box-flex:1;}
.monitSchool .monitSchool_txt{ line-height:.24rem; color:#3088c4; display:-webkit-box; -webkit-box-align:center; position:absolute; top:.76rem; right:.24rem; z-index:2;}
.monitSchool .monitSchool_txt dt{ font-size:.14rem; margin-right:.1rem;}
.monitSchool .monitSchool_txt dd{ max-width:2rem; font-size:.16rem; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.monitAcc{ position:absolute; left:.4rem; top:1.94rem; z-index:9;}
.monitAcc_con{ width:4rem; margin-top:.14rem;}
.table_head .table_th{ display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:justify}
.table_head .table_th li{ padding:0 .15rem; height:.36rem; line-height:.36rem; background:rgba(255,255,255,.1); font-size:.14rem; color:#9fe0ff; font-weight:bold;}
.table_head .table_th li:nth-child(1){ width:1.16rem;}
.table_head .table_th li:nth-child(2){ width:1.06rem;}
.table_head .table_th li:nth-child(3){ width:.8rem;}
.table_body .table_td{ margin-top:.04rem; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:justify}
.table_body .table_td li{ padding:0 .15rem; height:.36rem; line-height:.36rem; background:rgba(255,255,255,.05); font-size:.13rem; color:#FFFFFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.table_body .table_td li:nth-child(1){ width:1.16rem;}
.table_body .table_td li:nth-child(2){ width:1.06rem;}
.table_body .table_td li:nth-child(3){ width:.8rem;}

.monitSituat{ position:absolute; left:.4rem; top:5.9rem; z-index:9;}
.monitSituat_ech{ width:4rem; height:3rem; margin-top:.2rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}

.upRanking{ width:9rem; height:2rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:absolute; left:5.1rem; top:7.5rem;
    background:-webkit-gradient(linear, 0 100%, 0 0, from(rgba(255,255,255,.05)), color-stop(0.25, rgba(255,255,255,.05)), color-stop(0.5, rgba(255,255,255,.12)), color-stop(0.75, rgba(255,255,255,.05)), to(rgba(255,255,255,.05)));
    background:-webkit-linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.05), rgba(255,255,255,.12), rgba(255,255,255,.05), rgba(255,255,255,.05));
    background:-moz-linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.05), rgba(255,255,255,.12), rgba(255,255,255,.05), rgba(255,255,255,.05));
    background:-o-linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.05), rgba(255,255,255,.12), rgba(255,255,255,.05), rgba(255,255,255,.05));
    background:linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.05), rgba(255,255,255,.12), rgba(255,255,255,.05), rgba(255,255,255,.05));
}
.upRanking .module_title{ padding:.1rem 0 0 .3rem;}
.upRanking_ul{ margin-top:.14rem; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;}
.upRanking_ul li{ width:1.4rem; height:1.2rem; position:relative;}
.upRanking_ul li .upRanking_pic{ width:.64rem; height:.64rem; position:relative; margin:0 auto; position:relative;}
.upRanking_ul li .upRanking_pic img{ width:.64rem; height:.64rem; display:block; border-radius:50%;}
.upRanking_ul li .upRanking_text{ line-height:.2rem; margin-top:.08rem; text-align:center;}
.upRanking_ul li .upRanking_text dt{ font-size:.13rem; color:#FFFFFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.upRanking_ul li .upRanking_text dd{ font-size:.12rem; color:#19cfff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*.upRanking_ul li:nth-child(3){ width:1.7rem;}*/
/*.upRanking_ul li:nth-child(3) .upRanking_pic{ width:.94rem; height:.94rem; position:absolute; left:50%; top:-.3rem; margin-left:-.47rem;}*/
/*.upRanking_ul li:nth-child(3) .upRanking_pic img{ width:.94rem; height:.94rem;}*/
/*.upRanking_ul li:nth-child(3) .upRanking_text{ line-height:.24rem; padding-top:.64rem;}*/
/*.upRanking_ul li:nth-child(3) .upRanking_text dt{ font-size:.16rem;}*/
/*.upRanking_ul li:nth-child(3) .upRanking_text dd{ font-size:.14rem;}*/
.upRanking_ul li .upRanking_pic:before{ content:''; display:block; width:.26rem; height:.2rem; background:url(../../images/ico-upRanking.png) no-repeat; overflow:hidden; position:absolute; left:0; bottom:0;}
.upRanking_ul li:nth-child(3) .upRanking_pic:before{ background-position:0 0; background-size:.26rem auto; left:.1rem; bottom:.04rem;}
.upRanking_ul li:nth-child(2) .upRanking_pic:before{ background-position:0 -.3rem; background-size:.26rem auto;}
.upRanking_ul li:nth-child(4) .upRanking_pic:before{ background-position:0 -.6rem; background-size:.26rem auto;}
.upRanking_ul li:nth-child(1) .upRanking_pic:before{ background-position:0 -.9rem; background-size:.26rem auto;}
.upRanking_ul li:nth-child(5) .upRanking_pic:before{ background-position:0 -1.2rem; background-size:.26rem auto;}

.monitFaculty{ position:absolute; left:14.8rem; top:.54rem; z-index:9;}
.monitFaculty_ech{ width:4rem; height:4.4rem; margin-top:.2rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}

.monitTrend{ position:absolute; left:14.8rem; top:5.88rem; z-index:9;}
.monitTrend_ech{ width:4rem; height:3.06rem; margin-top:.2rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}


/*2021-01-29  start*/
.ks_list{ padding-top:.25rem; padding-left:.6rem;}
.ks_item{ float:left; margin:0 .2rem .4rem; width:3.18rem; height:2.6rem; border:solid #0a578d 1px; background:#053360; box-shadow:rgba(65,93,185,.6) 0 0 .1rem inset; overflow:hidden;}
.ks_head{ width:2.98rem; height:1.78rem; border:solid #0f8cc5 1px; background:url(../../images/ks_bg.png) no-repeat center center/2.98rem 1.78rem; margin:.09rem auto 0; position:relative; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; -webkit-box-orient:vertical;}
.ks_head_h2{ padding:0 .4rem; line-height:.4rem; font-size:.28rem; color:#FFFFFF; font-weight:bold; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ks_head_strat{ width:.72rem; height:.72rem; background:url(../../images/ks_start.png) no-repeat center center/.72rem .72rem; position:absolute; left:0; top:0;}
.ks_head_end{ width:.72rem; height:.72rem; background:url(../../images/ks_end.png) no-repeat center center/.72rem .72rem; position:absolute; left:0; top:0;}
.ks_head_notstarted{ width:.72rem; height:.72rem; background:url(../../images/ks_notstarted.png) no-repeat center center/.72rem .72rem; position:absolute; left:0; top:0;}
.ks_body{ padding:.08rem .16rem 0; line-height:.28rem; font-size:.16rem; color:#adefff;}
.ks_body dt{ background:url(../../images/ks_name.png) no-repeat left center/.13rem .13rem; padding-left:.2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ks_body dd{ background:url(../../images/ks_time.png) no-repeat left center/.14rem .14rem; padding-left:.2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*2021-05-11  start*/
.real_ul{ padding:0 1.1rem; height:.58rem; line-height:.58rem; overflow:hidden;}
.real_ul li{ font-size:.3rem; color:#99ddff; font-weight:bold; float:left;}
.real_ul li .fontSize{ font-size:.36rem;}
.real_ul li+li{ margin-left:.9rem;}

.real_list{ padding-top:.26rem; padding-left:.85rem;}
.real_item{ float:left; margin:0 .15rem .3rem; width:3.2rem; height:2.62rem; border:solid #0a578d 1px; background:#053360; box-shadow:rgba(65,93,185,.6) 0 0 .1rem inset; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.real_head{ width:3rem; height:1.8rem; border:solid #0f8cc5 1px; background:url(../../images/ks_bg.png) no-repeat center center/3rem 1.8rem; margin:.1rem auto 0; position:relative; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; -webkit-box-orient:vertical; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.real_head_h2{ padding:0 .4rem; line-height:.4rem; font-size:.28rem; color:#FFFFFF; font-weight:bold; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.real_head_strat{ width:.72rem; height:.72rem; background:url(../../images/real_start.png) no-repeat center center/.72rem .72rem; position:absolute; left:0; top:0;}
.real_head_end{ width:.72rem; height:.72rem; background:url(../../images/ks_end.png) no-repeat center center/.72rem .72rem; position:absolute; left:0; top:0;}
.real_head_notstarted{ width:.72rem; height:.72rem; background:url(../../images/ks_notstarted.png) no-repeat center center/.72rem .72rem; position:absolute; left:0; top:0;}
.real_body{ padding:.08rem .16rem 0; line-height:.28rem; font-size:.16rem; color:#adefff;}
.real_body dt{ background:url(../../images/real_name.png) no-repeat left center/.13rem .13rem; padding-left:.2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.real_body dd{ background:url(../../images/real_time.png) no-repeat left center/.14rem .14rem; padding-left:.2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.threeTimesSign{ width:530px; position:absolute; left:13.46rem; top:5.5rem;}
.threeTimesSign_ul{ margin-top:.3rem; padding-left:.45rem; height:3.04rem; overflow:hidden;}
.threeTimesSign_ul li{ padding-bottom:.28rem; display:-webkit-box; display:-moz-box; display:box; -webkit-box-align:center; -moz-box-align:center; box-align:center;}
.threeTimesSign_ul li img{ width:.48rem; height:.48rem; margin-right:.2rem; border-radius:50%; display:block;}
.threeTimesSign_ul li dl{ color:#FFFFFF;}
.threeTimesSign_ul li dt{ line-height:.22rem; font-size:.18rem; font-weight:bold;}
.threeTimesSign_ul li dt .ulSpan{ font-size:.14rem; font-weight:normal; margin-left:.14rem;}
.threeTimesSign_ul li dd{ font-size:.14rem; color:#FFFFFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/*2022-04-13*/
.wholeAccess_new{ position:absolute; left:14.8rem; top:6.92rem; z-index:9;}
.wholeAccess_con_new{ width:4rem; height:2rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;
	display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; -webkit-box-orient:vertical;
}
.whole_div{ width:4rem; height:3.9rem; margin-top:.18rem; background:rgba(255,255,255,.05); border-radius:.08rem; position:relative;}
.whole_padd{ padding:.24rem 0 0 0;}

.whole_tab{ width:3rem; height:.48rem; margin:0 auto; display:-webkit-box; -webkit-box-align:center; background:#0e1628; border-radius:.48rem;}
.whole_tab li{ width:.92rem; line-height:.4rem; margin:0 .04rem; font-size:.18rem; color:#9ba8d4; border-radius:.48rem; text-align:center; cursor:pointer;}
.whole_tab li.current{ background:#ccddff; color:#0e1832;}

.whole_con{ position:relative; width:4rem; height:3.18rem; overflow:hidden;}
.whole_row{ width:4rem; height:3.18rem; display:none;}
.whole_ech{ width:4rem; height:3.18rem; font-size:.4rem; color:#FFFFFF; font-weight:bold; line-height:1; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; -webkit-box-orient:vertical;}
.whole_con .j-tab-con{ display:-webkit-box;}