|
|
@@ -0,0 +1,61 @@
|
|
|
+.market {
|
|
|
+ &-header {
|
|
|
+ .app-statusbar {
|
|
|
+ height: 147px;
|
|
|
+ background-image: var(--header-bg);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center top;
|
|
|
+ background-size: 100% auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-title {
|
|
|
+ color: #999;
|
|
|
+ padding: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-table {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #fff;
|
|
|
+
|
|
|
+ th {
|
|
|
+ color: #999;
|
|
|
+ font-weight: normal;
|
|
|
+ padding: 8px 5px;
|
|
|
+
|
|
|
+ &.title {
|
|
|
+ color: #999;
|
|
|
+ background-color: #f6f6f6;
|
|
|
+ padding: 12px;
|
|
|
+
|
|
|
+ div {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ tr {
|
|
|
+ &:last-child {
|
|
|
+ td {
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ td {
|
|
|
+ border-top: 1px solid #eee;
|
|
|
+ border-right: 1px solid #eee;
|
|
|
+ padding: 6px;
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+ border-right: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ span {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|