120 lines
2.0 KiB
Plaintext
120 lines
2.0 KiB
Plaintext
page{
|
|
background-color: #F5F5F5;
|
|
}
|
|
.home-bg{
|
|
height: 200pt;
|
|
}
|
|
.select-box{
|
|
transform: translateY(-40pt);
|
|
padding: 0 15pt;
|
|
}
|
|
.select-box .select{
|
|
height: 115pt;
|
|
background-color: #fff;
|
|
border-radius: 10px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
.select-item{
|
|
flex: 1;
|
|
font-size: 10pt;
|
|
color: #666666;
|
|
flex-direction: column;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.image-box{
|
|
width: 45px;
|
|
height: 45px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.image-box image{
|
|
max-height: 100%;
|
|
}
|
|
.list-box{
|
|
margin: 0 15pt;
|
|
margin-top: -30pt;
|
|
padding: 15px 0;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.sign-list .select-list {
|
|
height: 40px;
|
|
font-size: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
background-color: #fff;
|
|
}
|
|
.sign-list .select-item {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.sign-list .select-item image {
|
|
width: 11px;
|
|
height: 6px;
|
|
margin-left: 9px;
|
|
}
|
|
.list-content{
|
|
/* max-height: 500px; */
|
|
/* overflow-y: auto; */
|
|
padding: 15px 15pt;
|
|
border-radius: 10px;
|
|
}
|
|
.list-content .list-content-item{
|
|
height: 60px;
|
|
border-bottom: 0.5px solid #f5f5f5;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
position: relative;
|
|
}
|
|
.list-content-item:last-child{
|
|
border: 0;
|
|
}
|
|
.content-top{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-size: 11px;
|
|
color: #999;
|
|
}
|
|
.content-top .blue{
|
|
color: #0A72F7 !important;
|
|
}
|
|
.content-top .yellow{
|
|
color: #FF7200 !important;
|
|
}
|
|
.content-top .green{
|
|
color: #069F99 !important;
|
|
}
|
|
.content-top .pol{
|
|
color: #690AF7;
|
|
}
|
|
.content-top image{
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.content-bottom{
|
|
color: #555;
|
|
font-size: 13px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.status{
|
|
position: absolute;
|
|
top: 0px;
|
|
right: -5px;
|
|
display: block;
|
|
width: 5px;
|
|
height: 5px;
|
|
background-color: #FF5E60;
|
|
border-radius: 50%;
|
|
} |