|
|
|
|
@ -16,6 +16,29 @@
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.card1::before {
|
|
|
|
|
content: "";
|
|
|
|
|
height: 24px;
|
|
|
|
|
width: 24px;
|
|
|
|
|
border-radius: 100%;
|
|
|
|
|
background: #78d3a9;
|
|
|
|
|
opacity: .3;
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: -12px;
|
|
|
|
|
right: 10px;
|
|
|
|
|
}
|
|
|
|
|
.card1::after {
|
|
|
|
|
content: "";
|
|
|
|
|
height: 32px;
|
|
|
|
|
width: 32px;
|
|
|
|
|
border-radius: 100%;
|
|
|
|
|
background: #78d3a9;
|
|
|
|
|
opacity: .3;
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: -4px;
|
|
|
|
|
right: -12px;
|
|
|
|
|
}
|
|
|
|
|
.card1-title {
|
|
|
|
|
display: flex;
|
|
|
|
|
@ -26,6 +49,7 @@
|
|
|
|
|
line-height: 1;
|
|
|
|
|
}
|
|
|
|
|
.card1-title > div:nth-child(1) {
|
|
|
|
|
color: #333;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.card1-title > div:nth-child(1)::before {
|
|
|
|
|
@ -64,7 +88,7 @@
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.card1-body .card1-body__item {
|
|
|
|
|
margin: 7px;
|
|
|
|
|
margin: 14px;
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
@ -79,7 +103,7 @@
|
|
|
|
|
height: 78%;
|
|
|
|
|
background: #73cdb9;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
transform: translateY(11%);
|
|
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: -10px;
|
|
|
|
|
|
