|
1 |
- @keyframes move{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes wordsLoop{0%{transform:translate(200px);-webkit-transform:translateX(200px)}to{transform:translate(-100%);-webkit-transform:translateX(-100%)}}.home{position:relative}.home .user-box{background:url(./home-user-79c1904b.png) no-repeat;background-size:100% 100%;padding:14px 2px 22px}.home .user-box .user-head{width:140px;height:140px}.home .notice-bar{animation:move 20s linear infinite;width:-moz-max-content;width:max-content}.home .animate{display:inline-block;white-space:nowrap;animation:10s wordsLoop linear infinite normal}.home .home-card .el-card__header{font-weight:600;font-size:16px;color:#333}.home .home-card.red{display:flex;flex-direction:column}.home .home-card.red .el-card__body{flex:1}.home .home-card.red .el-card__header{background:linear-gradient(180deg,#FFF3F0 0%,#FFFFFF 100%)}.home .home-card.blue .el-card__header{background:linear-gradient(180deg,#E7F6FF 0%,#FFFFFF 100%)}.home .home-card.green .el-card__header{background:linear-gradient(180deg,#F2FFF1 0%,#FFFFFF 100%)}.home .home-card.purple .el-card__header{background:linear-gradient(180deg,#F9F0FB 0%,#FFFFFF 100%)}.home .home-card.orange .el-card__header{background:linear-gradient(180deg,#FFFBF2 0%,#FFFFFF 100%)}.home .index-card .el-card__body{padding-bottom:8px}.home .index-card .data-div{background:linear-gradient(270deg,rgba(9,103,253,.03) 0%,rgba(9,103,253,.1) 100%);box-shadow:0 4px 8px rgba(9,103,253,.03);padding:7px 16px;font-weight:400;font-size:14px;line-height:22px;color:#333;justify-content:space-between;align-items:center;display:flex}.home .index-card .data-div .value{font-family:DIN;font-size:28px;color:#0967fd;line-height:32px}.home .select-unit-div{padding:16px;background:linear-gradient(270deg,rgba(255,255,255,.5) 0%,#FFFFFF 100%);box-shadow:0 4px 8px rgba(9,103,253,.03);border-radius:12px;margin-bottom:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex}.home .select-unit-div p{border-radius:20px;padding:5px 52px;background:rgba(9,103,253,.1);border:1px solid #0967FD;font-size:14px;color:#0967fd;line-height:22px;cursor:pointer}.home .select-unit-div p.active{background:#0967FD;color:#fff}
|
