dai
3 years ago
3 changed files with 1343 additions and 0 deletions
|
After Width: | Height: | Size: 9.6 MiB |
@ -0,0 +1,272 @@ |
|||
@import "../c/config"; |
|||
@import "../c/function"; |
|||
/deep/ .el-table th { |
|||
color: #ffffff !important; |
|||
background-color: #0082fb !important; |
|||
} |
|||
.m-info { |
|||
padding: 0; |
|||
.wrap { |
|||
background-image: url(~@/assets/img/shequ/shequ-bg.jpg); |
|||
background-size: cover; |
|||
border-radius: 10px; |
|||
padding: 30px 40px; |
|||
.logo { |
|||
margin-bottom: 30px; |
|||
img { |
|||
display: block; |
|||
margin: 0 auto; |
|||
} |
|||
} |
|||
.search-title { |
|||
font-size: 24px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #333333; |
|||
margin: 30px 0 20px 0; |
|||
} |
|||
.search { |
|||
margin: 20px 0 80px 0; |
|||
width: 750px; |
|||
height: 53px; |
|||
border: 2px solid #0082fb; |
|||
border-radius: 8px; |
|||
display: flex; |
|||
align-items: center; |
|||
background-color: #fff; |
|||
|
|||
.input { |
|||
position: relative; |
|||
.select-show { |
|||
border: none; |
|||
display: block; |
|||
font-size: 16px; |
|||
width: 90px; |
|||
line-height: 32px; |
|||
text-align: center; |
|||
color: #0082fb; |
|||
cursor: default; |
|||
} |
|||
|
|||
input { |
|||
margin-left: 20px; |
|||
width: 500px; |
|||
border: none; |
|||
line-height: 24px; |
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #333; |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.close-btn { |
|||
position: absolute; |
|||
right: 0; |
|||
top: 0; |
|||
bottom: 0; |
|||
margin: auto 0; |
|||
width: 30px; |
|||
height: 30px; |
|||
background-color: #eee; |
|||
border-radius: 100%; |
|||
cursor: pointer; |
|||
|
|||
img { |
|||
display: block; |
|||
margin: 8px auto; |
|||
width: 14px; |
|||
height: 14px; |
|||
opacity: 0.3; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.btn { |
|||
margin-left: auto; |
|||
width: 120px; |
|||
line-height: 49px; |
|||
background: #0082fb; |
|||
border-radius: 0px 6 px 6 px 0px; |
|||
font-size: 22px; |
|||
text-align: center; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #ffffff; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
.header { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin-bottom: 20px; |
|||
|
|||
.headline { |
|||
font-size: 24px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #333333; |
|||
} |
|||
.notice { |
|||
width: 85%; |
|||
line-height: 24px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
|
|||
.notice-btn { |
|||
width: 50px; |
|||
background-color: #3e8ef7; |
|||
color: #fff; |
|||
text-align: center; |
|||
border-radius: 4px; |
|||
cursor: pointer; |
|||
} |
|||
.notice-list { |
|||
// @include toe; |
|||
width: calc(100% - 70px); |
|||
// height: 24px; |
|||
// overflow: hidden; |
|||
a { |
|||
margin-right: 20px; |
|||
cursor: pointer; |
|||
color: #999; |
|||
&:hover { |
|||
color: #3e8ef7; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.cnt { |
|||
display: flex; |
|||
.chart { |
|||
width: 520px; |
|||
} |
|||
.tb { |
|||
width: calc(100% - 520px); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.m-panel { |
|||
background-color: #fff; |
|||
border-radius: 10px; |
|||
padding: 30px 40px; |
|||
|
|||
.operate { |
|||
text-align: right; |
|||
} |
|||
} |
|||
.m-list { |
|||
.list-title { |
|||
margin-bottom: 20px; |
|||
font-size: 24px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #333333; |
|||
} |
|||
|
|||
.list-title2 { |
|||
margin-bottom: 10px; |
|||
font-size: 16px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #333333; |
|||
} |
|||
|
|||
.list { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
|
|||
.item { |
|||
position: relative; |
|||
margin-right: 46px; |
|||
margin-bottom: 20px; |
|||
width: 80px; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
|
|||
.corner-mark { |
|||
position: absolute; |
|||
top: -4px; |
|||
right: -4px; |
|||
color: #ccc; |
|||
font-size: 20px; |
|||
z-index: 1; |
|||
&.z-on { |
|||
color: #0082fb; |
|||
} |
|||
} |
|||
|
|||
.icon { |
|||
position: relative; |
|||
display: block; |
|||
margin: 0 auto; |
|||
width: 78px; |
|||
height: 78px; |
|||
|
|||
&::before { |
|||
content: ""; |
|||
position: absolute; |
|||
z-index: 0; |
|||
display: block; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
margin: auto; |
|||
width: 64px; |
|||
height: 64px; |
|||
border-radius: 10px; |
|||
background-color: #ffffff; |
|||
} |
|||
|
|||
img { |
|||
position: relative; |
|||
width: 78px; |
|||
height: 78px; |
|||
object-fit: cover; |
|||
} |
|||
|
|||
.icon-svg { |
|||
position: relative; |
|||
display: block; |
|||
margin: auto; |
|||
width: 78px; |
|||
height: 78px; |
|||
object-fit: cover; |
|||
} |
|||
} |
|||
p { |
|||
margin: 0; |
|||
line-height: 24px; |
|||
font-size: 16px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-tb { |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.m-crumbs { |
|||
padding: 10px 30px 0; |
|||
font-size: 16px; |
|||
a { |
|||
color: #666; |
|||
&:hover { |
|||
color: #094bea; |
|||
} |
|||
cursor: pointer; |
|||
} |
|||
span { |
|||
color: #094bea; |
|||
} |
|||
} |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue