.card-proj { border-radius: 6px; background-color: var(--color-light); /* padding: 5px 15px; */ height: 240px; } .card-proj .left { position: unset; } .card-proj .title { display: flex; justify-content: space-between; } .card-proj .titleLift { display: flex; } .card-proj .right { margin: 0; } .card-proj .title { display: flex; /* justify-content: space-between; */ align-items: center; height: 60px; /* background-color: pink; */ border-bottom: 1px solid var(--color-border); } /* .card-proj hr { border-color: var(--color-border); border-style: dashed; border-left: 0; border-bottom: 0; border-right: 0; margin-block-start: 5px; margin-block-end: 5px; } */ .card-proj .title .left { /* padding: 5px; */ font-weight: bold; /* background-color: red; */ display: flex; align-items: center; margin-left: 21px; font-weight: 700; font-size: 19px; color: #292929; } .card-proj .title .left .boxline { width: 2px; height: 18px; border: 2px dotted #adadad; margin-right: 18px; } .card-proj .title .right { padding: 5px; width: 380px; display: flex; /* justify-content: space-between; */ align-items: center; } .card-proj .title .right span { margin-inline-end: 0; font-size: 14px; color: #888888; } .card-proj .title .right .line { width: 1px; height: 16px; border-left: 1px solid #adadad; margin-left: 12px; margin-right: 12px; } /* .card-proj .title .right .date{ margin-left: 24px; } */ .card-proj .titleRight { margin-right: 29px; font-size: 14px; color: #FFA415; } .card-proj .titleRight .orignLine { margin-left: 27px; margin-right: 27px; } .card-proj .titleRight .text-btn { margin-left: 11px; } .card-proj .title .right span:first-child {} .card-proj .body { width: unset; border: unset !important; padding: 0 !important; } .card-proj .body .line { display: flex; justify-content: space-between; align-items: center; padding: 24px 0; } .card-proj .body .line .left { /* width: unset; display: flex; */ width: 209px; height: 128px; background: #C4C4C4; border-radius: 6px; margin-left: 46px; } .card-proj .body .line .centerl { margin-left: 27px; } .card-proj .body .line .centerl .c-top { width: 175px; height: 39px; background: #FFF9E6; border-radius: 19px; color: #FF5D15; line-height: 39px; text-align: center; } .card-proj .body .line .centerl .c-top .money { font-weight: 300; font-size: 14px; } .card-proj .body .line .centerl .c-top .num { font-weight: bold; font-size: 20px; } .card-proj .body .line .centerl .c-bot { display: flex; } .card-proj .body .line .centerl .c-bot .set { display: flex; align-items: center; margin-top: 20px; font-weight: 300; font-size: 15px; color: #707070; cursor: pointer; margin-left: 31px; } .card-proj .body .line .centerl .c-bot img { width: 30px; height: 30px; } .card-proj .body .line .centerr { width: 428px; height: 110px; /* border-left: 1px dotted #737373; */ /* border-right: 1px dotted #737373; */ margin-left: 174px; } .card-proj .body .line .right { height: 110px; width: 197px; display: flex; flex-direction: column; align-items: center; justify-content: space-around; /* background-color: red; */ /* margin-left: 600px; */ border-left: 1px dotted #737373; } .card-proj .body .line .right .rigth-t { font-weight: 300; font-size: 12px; color: #707070; text-align: center; /* background-color: pink; */ } .card-proj .body .line .right .status { /* background-color: red; */ display: flex; align-items: center; justify-content: center; margin-left: 10px; } /* .card-proj .body .line .left span { margin-right: 10px; } .card-proj .body .line .right span { margin-left: 5px; } .card-proj .body .line .right span a { margin-left: 5px; } .card-proj .foot { position: unset; background-color: transparent; display: flex; justify-content: space-between; align-items: center; } */