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.
162 lines
3.0 KiB
162 lines
3.0 KiB
.list_li{ |
|
margin: 35rpx 0; |
|
box-shadow: 10rpx 0 30prx rgba(174, 185, 190, 0.6); |
|
border-radius: 10rpx; |
|
} |
|
.list_head{ |
|
padding: 0 54rpx; |
|
height: 96rpx; |
|
align-items: center; |
|
border-bottom: 1rpx solid #E4E4E4; |
|
} |
|
.list_head .head_r { |
|
font-weight: bold; |
|
} |
|
.list_li .list_head .head_l{ |
|
color:#999999; |
|
font-size: 26rpx; |
|
} |
|
.center_text{ |
|
padding: 44rpx 79rpx; |
|
} |
|
.center_text .text_l{ |
|
display: flex; |
|
flex-direction: column; |
|
align-items: center; |
|
justify-content: center; |
|
position: relative; |
|
width: 80rpx; |
|
} |
|
.center_text .text_l .title{ |
|
font-size: 30rpx; |
|
font-weight: bold; |
|
color:#252c36; |
|
line-height: 1.1em; |
|
white-space: nowrap; |
|
} |
|
.center_text .text_l .name{ |
|
font-size: 26rpx; |
|
white-space: nowrap; |
|
color:#999; |
|
margin-top:24rpx; |
|
line-height: 1.1em; |
|
} |
|
.center_text .text_l .icon_img{ |
|
margin-top:48rpx; |
|
display: flex; |
|
flex-direction: column; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
.center_text .text_l .icon_img>view.image{ |
|
/* padding: 6rpx; */ |
|
overflow: hidden; |
|
width: 55rpx; |
|
height: 55rpx; |
|
border-radius: 50%; |
|
font-size: 0; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
.center_text .text_l .icon_img image{ |
|
width: 43rpx; |
|
border-radius: 50%; |
|
height: 43rpx; |
|
} |
|
.center_text .text_l .icon_img text{ |
|
color:#999999; |
|
font-size: 24rpx; |
|
margin-top:10rpx; |
|
line-height: 1.1em; |
|
white-space: nowrap; |
|
} |
|
.lv image{ |
|
border:6rpx solid rgba(69, 190, 134, .2); |
|
} |
|
.lv text{ |
|
color:#45BE86 !important; |
|
} |
|
.red image{ |
|
border:6rpx solid rgba(255, 216, 216, 1); |
|
} |
|
.red text{ |
|
color:#FF6666 !important; |
|
} |
|
|
|
.center_text .text_l.text_center::after{ |
|
content: ""; |
|
position: absolute; |
|
width: 175rpx; |
|
left: -175rpx; |
|
bottom:64rpx; |
|
border-bottom: 5rpx dotted #CCCCCC; |
|
} |
|
.center_text .text_l.text_center.lv::after{ |
|
border-color: #45BE86; |
|
} |
|
.center_text .text_l.text_center.red::after{ |
|
border-color: #FF6666; |
|
} |
|
|
|
.center_text .text_l.approval .icon_img .image{ |
|
border-left:4rpx dotted #45BE86; |
|
border-top:4rpx dotted #fff; |
|
border-right:4rpx dotted #fff; |
|
border-bottom:4rpx dotted #fff; |
|
animation: turn 1s linear infinite normal; |
|
|
|
} |
|
.center_text .text_center .icon_img .image{ |
|
border:4rpx dotted #fff; |
|
} |
|
@keyframes zhuan{ |
|
0%{ |
|
transform: rotate(0); |
|
} |
|
25%{ |
|
transform: rotate(90deg); |
|
} |
|
50%{ |
|
transform: rotate(180deg); |
|
} |
|
75%{ |
|
transform: rotate(270deg); |
|
} |
|
100%{ |
|
transform: rotate(360deg); |
|
} |
|
} |
|
@keyframes turn |
|
{ |
|
0% { |
|
border-left-color: #45BE86; |
|
border-top-color: #fff; |
|
border-right-color: #fff; |
|
border-bottom-color: #fff; |
|
} |
|
25% { |
|
border-left-color: #fff; |
|
border-top-color: #45BE86; |
|
border-right-color: #fff; |
|
border-bottom-color: #fff; |
|
} |
|
50% { |
|
border-left-color: #fff; |
|
border-top-color: #fff; |
|
border-right-color: #45BE86; |
|
border-bottom-color: #fff; |
|
} |
|
75% { |
|
border-left-color: #fff; |
|
border-top-color: #fff; |
|
border-right-color: #fff; |
|
border-bottom-color: #45BE86; |
|
} |
|
100% { |
|
border-left-color: #45BE86; |
|
border-top-color: #fff; |
|
border-right-color: #fff; |
|
border-bottom-color: #fff; |
|
} |
|
} |