198 lines
3.5 KiB
CSS
198 lines
3.5 KiB
CSS
@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%);
|
|
}
|
|
} |