@import url("./reset.css");
@import url("./layuireset.css");
@import url("./mainLeft.css");
@import url("./mainCenter.css");
@import url("./mainRight.css");
@import url("./indexOpenPage.css");
@import url("./schoolStyle.css");
@import url("./popUpdateSystemName.css");
@import url("./pop.css");
html,body{
    width:100%;
    height:100%;
    background:#01123D;
    color:#fff;
    font-size:14px;
}

#schoolNavList{
    float:left;
    width:120px;
    height:100%;
    box-sizing: border-box;
    border-right:2px solid #165883;
    display: none;
}

#schoolNavList>.schoolNavContent{
    width:120px;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#schoolNavList>.schoolNavContent>ul{
    width:100%;
    cursor:pointer;
  
}

.schoolNavContent>ul>li{
    width:100px;
    text-align:center;
    margin:9px;
    overflow: hidden;
}
.schoolNavContent>ul>li>span{
   line-height:30px;
   font-size: 16px;
}
.schoolNavContent>ul>li>img{
    width:32px;
    height:32px;
    display: block;
    margin:20px auto 0;
}

.navSelected{
    width:100px;
    height:100px;
    /* background-image: url("../image/navSelectBg.png"); */
    background-size:100%;
    background-repeat: no-repeat;
    background-position:center ;
}




.cityManageContent{
   width:100%;
    /* width:calc(100% - 120px); */
    float:left;
    height:100%;
}

#mainTop{
    height:118px;
    line-height:118px;
    background-image:url("../image/top.png");
    background-size: 100% auto;
    background-repeat:no-repeat; 
    text-align:center;
}
#mainTop>div:nth-child(1),
#mainTop>div:nth-child(3)
{
    float:left;
    width:500px;
}

#mainTop>div:nth-child(2){
    float:left;
    width:calc(100% - 1000px);
    font-size:40px !important;
    text-align:center;
    cursor: pointer;
}

#mainTop>div:nth-child(3){
    float:right;
}

#mainTop>div:nth-child(1)>img{
    width:24px;
    height:24px;
    float:left;
    margin:10px 20px;
    cursor: pointer;
}

#mainTop>div:nth-child(1)>ul>li{
    width:90px;
    float:left;
    font-size:16px;
    line-height:40px;
    cursor: pointer;
}
#mainTop>div:nth-child(1)>ul>.selected{
    background-image: url("../image/navSelect.png");
    background-size:100%;
    background-repeat: no-repeat;
    background-position:center ;
    color:#1CE7E4;
}

#mainTop>div:nth-child(3)>ul>li{
    float:right;
    line-height:40px;
    padding:0 10px;
    cursor: pointer;
}



#mainContent{
    width:calc(100% - 40px);
    height:calc(100% - 128px);
    padding:0 20px;
    /* position: absolute; */
    /* top:123px; */
    overflow: hidden;  
}

.layui-carousel>[carousel-item],
.layui-carousel>[carousel-item]>*{
	background:#01123D;
}


.borderAnim {
    position: relative;
    /* color: #26B3C0; */
    /* border-radius: 10px; */
    transition: all .3s;
    width:82px;
    height:96px;
    box-sizing: border-box;
    /* margin: 5px; */
    float: left;
  }
  
.borderAnim::before {
    content: "";
    position: absolute;
    top: -0px;
    left: -0px;
    right: -0px;
    bottom: -0px;
    border:2px solid #1FDDF4;
    animation: divAni 6s infinite linear;
}
.borderAnim::after {
    content: "";
    position: absolute;
    top: -0px;
    left: -0px;
    right: -0px;
    bottom: -0px;
    border: 2px solid #1FDDF4;
    animation: divAni 6s infinite linear;
}
@keyframes divAni {
    0%,
    100% {
        clip-path: inset(0 0 98% 0);
    }

    25% {
        clip-path: inset(0 98% 0 0);
    }
    50% {
        clip-path: inset(98% 0 0 0);
    }
    75% {
        clip-path: inset(0 0 0 98%);
    }
}