You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
1.9 KiB
117 lines
1.9 KiB
.box { |
|
width: 100%; |
|
height: 100%; |
|
overflow: hidden; |
|
// background-image: radial-gradient(closest-side at 50% 55%,#03447c, #02325c, #002046); |
|
background: radial-gradient(closest-side at 50% 55%, #004988 0%, #00122D 100%); |
|
display: flex; |
|
flex-direction: column; |
|
} |
|
|
|
|
|
|
|
.menu { |
|
height: 56px; |
|
width: 100%; |
|
display: flex; |
|
justify-content: center; |
|
font-size: 17px; |
|
background: url('../../../assets/images/navbg.png') no-repeat; |
|
background-size: 100% 115%; |
|
position: relative; |
|
|
|
li { |
|
width: 10%; |
|
height: 52px; |
|
line-height: 52px; |
|
text-align: center; |
|
cursor: pointer; |
|
font-family: sybold; |
|
color: #EBFAFF; |
|
} |
|
|
|
} |
|
|
|
.boxleft { |
|
position: absolute; |
|
left: 24px; |
|
top: 16px; |
|
img{ |
|
width: 154px; |
|
} |
|
} |
|
|
|
.boxright { |
|
position: absolute; |
|
right: 24px; |
|
top: 12px; |
|
display: flex; |
|
align-items: center; |
|
|
|
span { |
|
font-size: 16px; |
|
color: #FFFFFF; |
|
opacity: 0.6; |
|
} |
|
|
|
img { |
|
width: 36px; |
|
height: 36px; |
|
} |
|
} |
|
|
|
|
|
.backbtn { |
|
position: absolute; |
|
right: 26px; |
|
bottom: 6px; |
|
|
|
button { |
|
width: 64px; |
|
height: 32px; |
|
background: rgba(0, 129, 255, 0.3); |
|
border: 1px solid #36A2FF; |
|
border-radius: 0px; |
|
color: #91CCFF; |
|
} |
|
} |
|
|
|
.warningnumber { |
|
position: absolute; |
|
left: 20px; |
|
top: 0; |
|
display: flex; |
|
align-items: flex-start; |
|
|
|
img { |
|
margin-bottom: 30px; |
|
} |
|
|
|
.num { |
|
font-size: 50px; |
|
text-shadow: 0px 0px 6px #8df; |
|
color: white; |
|
font-weight: 600; |
|
margin-top: -5px; |
|
} |
|
|
|
.today { |
|
font-size: 19px; |
|
font-family: titlefont; |
|
color: #D0EAFF; |
|
margin-top: 11px; |
|
margin-left: 10px; |
|
} |
|
} |
|
|
|
.content { |
|
flex: 1; |
|
overflow: hidden; |
|
|
|
} |
|
|
|
.router-link-active { |
|
// background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, #1c8199 50%, rgba(35, 153, 255, 0) 100%); |
|
|
|
background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, #36A2FF 50%, rgba(35, 153, 255, 0) 100%); |
|
}
|
|
|