﻿.defaultHome {
    position:relative;
}
.flowContainer {
    min-height:100%;
    min-width:100%;
    display:none;
}
.firstflow {
    width:1001px;
    height:431px;
    position:relative;
    margin:0 auto;
    padding:0 auto;
    display:block;
}
/*底图*/
.flow {
    width:1001px;
    height:431px;
    position:absolute;
    z-index:99;
    background-image:url(../../assets/img/navBg2.png);
    display:block;
}
.point {
    position:absolute;
    z-index:999;
    cursor:pointer;
    width:71px;
    height:71px;
    background-image:url(../../assets/img/navIcon2.png);
    color:#666666;
    font-size:16px;
    line-height:170px;
    white-space:nowrap;
    text-align:center;
}
/*基础数据管理*/
.point.jichushuju {
    background-position: -446px -78px;
    top: 180px;
    left: 160px;
}
.point.jichushuju.disabled {
    background-position:-446px -180px;
}
.jichushujuAni1 {
    position:absolute;
    display:block;
    top: 192px;
    left: 190px;
    width:20px;
    height:20px;
    z-index:9;
}
.jichushujuAni2 {
    position: absolute;
    display: block;
    top: 50px;
    left: 200px;
    width: 0px;
    height: 20px;
    z-index: 9;
}
.jichushujuAni3 {
    position:absolute;
    display:block;
    top: 222px;
    left: 190px;
    width:20px;
    height:20px;
    z-index:9;
}
.jichushujuAni4 {
    position: absolute;
    display: block;
    top: 363px;
    left: 200px;
    width: 0px;
    height: 20px;
    z-index: 9;
}
.point.jichushuju:hover~.jichushujuAni1 {
    display:block;
    transform: translate(0px,-134px);
    -ms-transform: translate(0px,-134px);		/* IE 9 */
    -webkit-transform: translate(0px,-134px);	/* Safari and Chrome */
    -o-transform: translate(0px,-134px);		/* Opera */
    -moz-transform: translate(0px,-134px);

    transition: all 1s;
    -moz-transition: all 1s;	/* Firefox 4 */
    -webkit-transition: all 1s;	/* Safari 和 Chrome */
    -o-transition: all 1s;	
    height:134px;
}
.point.jichushuju:hover~.jichushujuAni2 {
    display:block;
    
    transition: all 1.5s;
    -moz-transition: all 1.5s;	/* Firefox 4 */
    -webkit-transition: all 1.5s;	/* Safari 和 Chrome */
    -o-transition: all 1.5s;	
    transition-delay: .7s;
    -moz-transition-delay: .7s; /* Firefox 4 */
    -webkit-transition-delay: .7s; /* Safari 和 Chrome */
    -o-transition-delay: .7s; /* Opera */
    
    width:130px;
}
.point.jichushuju:hover~.jichushujuAni3 {
    display:block;

    transition: all 1s;
    -moz-transition: all 1s;	/* Firefox 4 */
    -webkit-transition: all 1s;	/* Safari 和 Chrome */
    -o-transition: all 1s;	
    height:144px;
}
.point.jichushuju:hover~.jichushujuAni4 {
    display:block;
    
    transition: all 1.5s;
    -moz-transition: all 1.5s;	/* Firefox 4 */
    -webkit-transition: all 1.5s;	/* Safari 和 Chrome */
    -o-transition: all 1.5s;	
    transition-delay: .8s;
    -moz-transition-delay: .8s; /* Firefox 4 */
    -webkit-transition-delay: .8s; /* Safari 和 Chrome */
    -o-transition-delay: .8s; /* Opera */
    
    width:130px;
}
.point.jichushuju.disabled:hover~.jichushujuAni1,.point.jichushuju.disabled:hover~.jichushujuAni2,.point.jichushuju.disabled:hover~.jichushujuAni3,.point.jichushuju.disabled:hover~.jichushujuAni4{
    transition:none;
    -moz-transition: none;	/* Firefox 4 */
    -webkit-transition: none;	/* Safari 和 Chrome */
    -o-transition: none;	
   width:0px;
   height:0px;
}

 .jichushujuAni1>.warning, .jichushujuAni2>.warning, .jichushujuAni3>.warning, .jichushujuAni4>.warning {
  position: relative;
  width:100%;
  height:100%;
  background-color: #ed716c;
  border-radius: 10px;
  background-size: 3em 3em;
  background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #b1342f 0.9em, #b1342f 2.1em, transparent 2.1em, transparent 2.9em, #b1342f 3.1em);
  -webkit-animation: warning-animation 750ms infinite linear;
  -moz-animation: warning-animation 750ms infinite linear;
  animation: warning-animation 750ms infinite linear;
}
/*教务管理*/
.point.jiaowu {
    background-position: -537px -78px;
    top: 342px;
    left: 260px;
}
.point.jiaowu.disabled {
    background-position:-537px -180px;
}
.jiaowuAni1 {
    position:absolute;
    display:block;
    top:374px;
    left:300px;
    width:30px;
    height:20px;
    z-index:9;
}
.jiaowuAni2 {
    position: absolute;
    display: block;
    top: 378px;
    left: 408px;
    width: 30px;
    height: 0px;
    z-index: 9;
}
.point.jiaowu:hover~.jiaowuAni1 {
    display:block;
    transition: all 1s;
    -moz-transition: all 1s;	/* Firefox 4 */
    -webkit-transition: all 1s;	/* Safari 和 Chrome */
    -o-transition: all 1s;	
    width:117px;
}
.point.jiaowu:hover~.jiaowuAni2 {
    display:block;

    transform: translate(0px,-134px);
    -ms-transform: translate(0px,-134px);		/* IE 9 */
    -webkit-transform: translate(0px,-134px);	/* Safari and Chrome */
    -o-transform: translate(0px,-134px);		/* Opera */
    -moz-transform: translate(0px,-134px);
    
    transition: all 1.5s;
    -moz-transition: all 1.5s;	/* Firefox 4 */
    -webkit-transition: all 1.5s;	/* Safari 和 Chrome */
    -o-transition: all 1.5s;	
    transition-delay: .7s;
    -moz-transition-delay: .7s; /* Firefox 4 */
    -webkit-transition-delay: .7s; /* Safari 和 Chrome */
    -o-transition-delay: .7s; /* Opera */
    
    height:134px;
}
.point.jiaowu.disabled:hover~.jiaowuAni1,.point.jiaowu.disabled:hover~.jiaowuAni2{
    transition:none;
    -moz-transition: none;	/* Firefox 4 */
    -webkit-transition: none;	/* Safari 和 Chrome */
    -o-transition: none;	
   width:0px;
   height:0px;
}

 .jiaowuAni1>.warning, .jiaowuAni2>.warning {
  position: relative;
  width:100%;
  height:100%;
  background-color: #ffbd45;
  border-radius: 10px;
  background-size: 3em 3em;
  background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #c8902a 0.9em, #c8902a 2.1em, transparent 2.1em, transparent 2.9em, #c8902a 3.1em);
  -webkit-animation: warning-animation 750ms infinite linear;
  -moz-animation: warning-animation 750ms infinite linear;
  animation: warning-animation 750ms infinite linear;
}
/*学务管理*/
.point.xuewu {
    background-position: -355px -78px;
    top: 180px;
    left: 390px;
}
.point.xuewu.disabled {
    background-position:-355px -180px;
}
.xuewuAni1 {
    position:absolute;
    display:block;
    top: 204px;
    left: 430px;
    width:0px;
    height:20px;
    z-index:9;
}
.point.xuewu:hover~.xuewuAni1 {
    display:block;
    transition: all 2s;
    -moz-transition: all 2s;	/* Firefox 4 */
    -webkit-transition: all 2s;	/* Safari 和 Chrome */
    -o-transition: all 2s;	
    width:135px;
}
.point.xuewu.disabled:hover~.xuewuAni1 {
    transition:none;
    -moz-transition: none;	/* Firefox 4 */
    -webkit-transition: none;	/* Safari 和 Chrome */
    -o-transition: none;	
   width:0px;
   height:0px;
}

 .xuewuAni1>.warning {
  position: relative;
  width:100%;
  height:100%;
  background-color: #ffbd45;
  border-radius: 10px;
  background-size: 3em 3em;
  background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #c8902a 0.9em, #c8902a 2.1em, transparent 2.1em, transparent 2.9em, #c8902a 3.1em);
  -webkit-animation: warning-animation 750ms infinite linear;
  -moz-animation: warning-animation 750ms infinite linear;
  animation: warning-animation 750ms infinite linear;
}
/*招生管理*/
.point.zhaosheng {
    background-position: -265px -78px;
    top: 22px;
    left: 260px;
}
.point.zhaosheng.disabled {
    background-position:-265px -180px;
}
.zhaoshengAni1 {
    position:absolute;
    display:block;
    top:48px;
    left:300px;
    width:0px;
    height:20px;
    z-index:9;
}
.zhaoshengAni2 {
    position: absolute;
    display: block;
    top: 60px;
    left: 406px;
    width: 30px;
    height: 0px;
    z-index: 9;
}
.point.zhaosheng:hover~.zhaoshengAni1 {
    display:block;
    transition: all 2s;
    -moz-transition: all 2s;	/* Firefox 4 */
    -webkit-transition: all 2s;	/* Safari 和 Chrome */
    -o-transition: all 2s;	
    width:225px;
}
.point.zhaosheng:hover~.zhaoshengAni2 {
    display:block;
    
    transition: all 1.5s;
    -moz-transition: all 1.5s;	/* Firefox 4 */
    -webkit-transition: all 1.5s;	/* Safari 和 Chrome */
    -o-transition: all 1.5s;	
    transition-delay: .5s;
    -moz-transition-delay: .5s; /* Firefox 4 */
    -webkit-transition-delay: .5s; /* Safari 和 Chrome */
    -o-transition-delay: .5s; /* Opera */
    height:134px;
}
.point.zhaosheng.disabled:hover~.zhaoshengAni1,.point.zhaosheng.disabled:hover~.zhaoshengAni2{
    transition:none;
    -moz-transition: none;	/* Firefox 4 */
    -webkit-transition: none;	/* Safari 和 Chrome */
    -o-transition: none;	
   width:0px;
   height:0px;
}

 .zhaoshengAni1>.warning, .zhaoshengAni2>.warning {
  position: relative;
  width:100%;
  height:100%;
  background-color: #9b5ab3;
  border-radius: 10px;
  background-size: 3em 3em;
  background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #632a78 0.9em, #632a78 2.1em, transparent 2.1em, transparent 2.9em, #632a78 3.1em);
  -webkit-animation: warning-animation 750ms infinite linear;
  -moz-animation: warning-animation 750ms infinite linear;
  animation: warning-animation 750ms infinite linear;
}
/*学籍管理*/
.point.xueji {
    background-position: -173px -78px;
    top: 22px;
    left: 510px;
}
.point.xueji.disabled {
    background-position:-173px -180px;
}
.xuejiAni1 {
    position:absolute;
    display:block;
    top:52px;
    left:550px;
    width:30px;
    height:20px;
    z-index:9;
}
.xuejiAni2 {
    position:absolute;
    display:block;
    top:72px;
    left:668px;
    width:30px;
    height:0px;
    z-index:9;
}
.point.xueji:hover~.xuejiAni1 {
    display:block;
    transition: all 1s;
    -moz-transition: all 1s;	/* Firefox 4 */
    -webkit-transition: all 1s;	/* Safari 和 Chrome */
    -o-transition: all 1s;	
    width:135px;
}
.point.xueji:hover~.xuejiAni2 {
    display:block;
    
    transition: all 1.5s;
    -moz-transition: all 1.5s;	/* Firefox 4 */
    -webkit-transition: all 1.5s;	/* Safari 和 Chrome */
    -o-transition: all 1.5s;	
    transition-delay: .8s;
    -moz-transition-delay: .8s; /* Firefox 4 */
    -webkit-transition-delay: .8s; /* Safari 和 Chrome */
    -o-transition-delay: .8s; /* Opera */
    height:134px;
}
.point.xueji.disabled:hover~.xuejiAni1,.point.xueji.disabled:hover~.xuejiAni2{
    transition:none;
    -moz-transition: none;	/* Firefox 4 */
    -webkit-transition: none;	/* Safari 和 Chrome */
    -o-transition: none;	
   width:0px;
   height:0px;
}

 .xuejiAni1>.warning, .xuejiAni2>.warning {
  position: relative;
  width:100%;
  height:100%;
  background-color: #00bcc8;
  border-radius: 10px;
  background-size: 3em 3em;
  background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #007279 0.9em, #007279 2.1em, transparent 2.1em, transparent 2.9em, #007279 3.1em);
  -webkit-animation: warning-animation 750ms infinite linear;
  -moz-animation: warning-animation 750ms infinite linear;
  animation: warning-animation 750ms infinite linear;
}
/*成绩管理*/
.point.chengji {
    background-position:-631px -84px;
    top: 180px;
    left: 510px;
}
.point.chengji.disabled {
    background-position:-631px -180px;
}
.chengjiAni {
    position:absolute;
    display:block;
    top:200px;
    left:550px;
    width:30px;
    height:30px;
    z-index:9;
}


.point.chengji:hover~.chengjiAni {
    display:block;
    transition: all 1s;
    -moz-transition: all 1s;	/* Firefox 4 */
    -webkit-transition: all 1s;	/* Safari 和 Chrome */
    -o-transition: all 1s;	
    width:134px;
}
.point.chengji.disabled:hover~.chengjiAni{
    transition:none;
    -moz-transition: none;	/* Firefox 4 */
    -webkit-transition: none;	/* Safari 和 Chrome */
    -o-transition: none;	
   width:0px;
   height:0px;
}

 .chengjiAni>.warning {
  position: relative;
  width:100%;
  height:100%;
  background-color: #9b5ab3;
  border-radius: 10px;
  background-size: 3em 3em;
  background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #632a78 0.9em, #632a78 2.1em, transparent 2.1em, transparent 2.9em, #632a78 3.1em);
  -webkit-animation: warning-animation 750ms infinite linear;
  -moz-animation: warning-animation 750ms infinite linear;
  animation: warning-animation 750ms infinite linear;
}

/*毕结业管理*/
.point.bijieye {
    background-position:-729px -84px;
    top: 180px;
    left: 650px;
}
.point.bijieye.disabled {
    background-position:-729px -180px;
}
.bijieyeAni {
    position:absolute;
    display:block;
    top:200px;
    left:650px;
    width:30px;
    height:30px;
    z-index:9;
}


.point.bijieye:hover~.bijieyeAni{
    display:block;
  transition: all 1s;
    -moz-transition: all 1s;	/* Firefox 4 */
    -webkit-transition: all 1s;	/* Safari 和 Chrome */
    -o-transition: all 1s;	
   width:134px;
}
.point.bijieye.disabled:hover~.bijieyeAni{
    transition:none;
    -moz-transition: none;	/* Firefox 4 */
    -webkit-transition: none;	/* Safari 和 Chrome */
    -o-transition: none;	
   width:0px;
   height:0px;
}

 .bijieyeAni>.warning {
  position: relative;
  width:100%;
  height:100%;
  background-color: #ed716c;
  border-radius: 10px;
  background-size: 3em 3em;
  background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #b1342f 0.9em, #b1342f 2.1em, transparent 2.1em, transparent 2.9em, #b1342f 3.1em);
  -webkit-animation: warning-animation 750ms infinite linear;
  -moz-animation: warning-animation 750ms infinite linear;
  animation: warning-animation 750ms infinite linear;
}

/*学位管理*/
.point.xuewei {
    background-position:-83px -79px;
    top: 180px;
    left: 780px;
}
.point.xuewei.disabled {
    background-position:-83px -180px;
}
.xueweiAni {
    position:absolute;
    display:block;
    top:200px;
    left:820px;
    width:30px;
    height:30px;
    z-index:9;
}


.point.xuewei:hover~.xueweiAni{
    display:block;
  transition: all 1s;
    -moz-transition: all 1s;	/* Firefox 4 */
    -webkit-transition: all 1s;	/* Safari 和 Chrome */
    -o-transition: all 1s;	
   width:94px;
}
.point.xuewei.disabled:hover~.xueweiAni{
    transition:none;
    -moz-transition: none;	/* Firefox 4 */
    -webkit-transition: none;	/* Safari 和 Chrome */
    -o-transition: none;	
   width:0px;
   height:0px;
}

 .xueweiAni>.warning {
  position: relative;
  width:100%;
  height:100%;
  background-color: #00bcc8;
  border-radius: 10px;
  background-size: 3em 3em;
  background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #007279 0.9em, #007279 2.1em, transparent 2.1em, transparent 2.9em, #007279 3.1em);
  -webkit-animation: warning-animation 750ms infinite linear;
  -moz-animation: warning-animation 750ms infinite linear;
  animation: warning-animation 750ms infinite linear;
}


@-webkit-keyframes warning-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 3em 0;
  }
}
@-moz-keyframes warning-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 3em 0;
  }
}
@keyframes warning-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 3em 0;
  }
}
.warning:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  border-radius: 10px;
}

.secondflow {
    margin-top:50px;
    border-top:solid 1px #d1d2d3;
    height:100px;
    display:block;
    position:relative;
}
.point.zuzhijigou {
    background-position: -95px -374px;
    top: 50px;
    left: 260px;
}
.point.zuzhijigou.disabled {
    background-position:-95px -464px;
}
.point.xitong {
    background-position: -175px -374px;
    top: 50px;
    left: 400px;
}
.point.xitong.disabled {
    background-position:-175px -464px;
}
.point.gonggao {
    background-position: -255px -374px;
    top: 50px;
    left: 540px;
}
.point.gonggao.disabled {
    background-position:-255px -462px;
}
.point.jiaoxuejiankong {
    background-position: -335px -374px;
    top: 50px;
    left: 680px;
}
.point.jiaoxuejiankong.disabled {
    background-position:-335px -462px;
}
.point.baobiao {
    background-position: -415px -374px;
    top: 50px;
    left: 820px;
}
.point.baobiao.disabled {
    background-position:-415px -462px;
}

