.overview { padding: 15px; &-module { font-family: PingFangSC-Regular, PingFang SC; &-1 { background-color: #fff; border-radius: 5px; padding: 15px; margin-bottom: 14px; &-title { font-size: 20px; color: #434343; text-align: center; } &-content { display: flex; &-revenue { background-color: #EDF3FF; border-radius: 5px; margin-top: 10px; padding: 17px 0; width: calc(50% - 6px); text-align: center; margin-right: 12px; margin-bottom: 12px; .title { color: #535353; font-size: 15px; } .content { display: flex; justify-content: center; &-left { color: #878787; font-size: 14px; text { font-size: 30px; color: #1767F2; font-weight: bold; } } } &:last-child { margin-right: 0; } } } &-revenue { background-color: #EDF3FF; border-radius: 5px; margin-top: 10px; padding: 17px 18px; .title { color: #535353; font-size: 15px; } .content { display: flex; justify-content: space-between; &-left { color: #1767F2; font-size: 20px; text { font-size: 30px; font-weight: bold; } } } } &-menu { // background-color: #EDF3FF; border-radius: 5px; padding: 15px 0; margin-top: 10px; margin-bottom: 9px; .list { display: flex; justify-content: space-between; &-item { width: 33%; text-align: center; border-right: solid 1px #EDF3FF; &:last-child { border-right: none; } &-total { color: #303030; font-size: 12px; text { font-size: 16px; font-weight: bold; color: #FF0000; } } &-title { color: #878787; font-size: 11px; } } } } } } }