Showing
2 changed files
with
85 additions
and
93 deletions
| 1 | -.container { | 1 | +.ma-container { |
| 2 | width: 100%; | 2 | width: 100%; |
| 3 | max-width: 640px; | 3 | max-width: 640px; |
| 4 | margin: 0 auto; | 4 | margin: 0 auto; |
| @@ -7,37 +7,37 @@ | @@ -7,37 +7,37 @@ | ||
| 7 | padding-bottom: 10px; | 7 | padding-bottom: 10px; |
| 8 | } | 8 | } |
| 9 | 9 | ||
| 10 | -.ma-header { | ||
| 11 | - width: 100%; | ||
| 12 | - height: 82px; | ||
| 13 | - background: resolve("activity/market/header.jpg") no-repeat center center; | ||
| 14 | - background-size: contain; | ||
| 15 | -} | ||
| 16 | - | ||
| 17 | -.ma-header { | ||
| 18 | - div { | ||
| 19 | - width: 375px; | ||
| 20 | - line-height: 82px; | ||
| 21 | - font-size: 24px; | ||
| 22 | - color: #fff; | ||
| 23 | - float: right; | ||
| 24 | - text-align: center; | ||
| 25 | - overflow: hidden; | ||
| 26 | - white-space: nowrap; | ||
| 27 | - text-overflow: ellipsis; | ||
| 28 | - -webkit-text-overflow: ellipsis; | 10 | +.ma-container { |
| 11 | + .ma-header { | ||
| 12 | + width: 100%; | ||
| 13 | + height: 82px; | ||
| 14 | + background: resolve("activity/market/header.jpg") no-repeat center center; | ||
| 15 | + background-size: contain; | ||
| 16 | + | ||
| 17 | + div { | ||
| 18 | + width: 375px; | ||
| 19 | + line-height: 82px; | ||
| 20 | + font-size: 24px; | ||
| 21 | + color: #fff; | ||
| 22 | + float: right; | ||
| 23 | + text-align: center; | ||
| 24 | + overflow: hidden; | ||
| 25 | + white-space: nowrap; | ||
| 26 | + text-overflow: ellipsis; | ||
| 27 | + -webkit-text-overflow: ellipsis; | ||
| 28 | + } | ||
| 29 | } | 29 | } |
| 30 | } | 30 | } |
| 31 | 31 | ||
| 32 | -.tab { | ||
| 33 | - width: 100%; | ||
| 34 | - height: 310px; | ||
| 35 | -} | ||
| 36 | - | ||
| 37 | -.tab { | ||
| 38 | - img { | 32 | +.ma-container { |
| 33 | + .tab { | ||
| 39 | width: 100%; | 34 | width: 100%; |
| 40 | - height: 100%; | 35 | + height: 310px; |
| 36 | + | ||
| 37 | + img { | ||
| 38 | + width: 100%; | ||
| 39 | + height: 100%; | ||
| 40 | + } | ||
| 41 | } | 41 | } |
| 42 | } | 42 | } |
| 43 | 43 | ||
| @@ -57,38 +57,61 @@ | @@ -57,38 +57,61 @@ | ||
| 57 | background: #fff !important; | 57 | background: #fff !important; |
| 58 | } | 58 | } |
| 59 | 59 | ||
| 60 | -.floor-top { | ||
| 61 | - width: 100%; | ||
| 62 | - height: 68px; | ||
| 63 | -} | ||
| 64 | - | ||
| 65 | -.floor-top { | ||
| 66 | - img { | 60 | +.ma-container { |
| 61 | + .floor-top { | ||
| 67 | width: 100%; | 62 | width: 100%; |
| 68 | - height: 100%; | 63 | + height: 68px; |
| 64 | + | ||
| 65 | + img { | ||
| 66 | + width: 100%; | ||
| 67 | + height: 100%; | ||
| 68 | + } | ||
| 69 | } | 69 | } |
| 70 | } | 70 | } |
| 71 | 71 | ||
| 72 | -.floor-ul { | ||
| 73 | - li { | ||
| 74 | - width: 100%; | ||
| 75 | - height: 170px; | ||
| 76 | - position: relative; | ||
| 77 | - margin-bottom: 17px; | 72 | +.ma-container { |
| 73 | + .floor-ul { | ||
| 74 | + li { | ||
| 75 | + width: 100%; | ||
| 76 | + height: 170px; | ||
| 77 | + position: relative; | ||
| 78 | + margin-bottom: 17px; | ||
| 79 | + | ||
| 80 | + p { | ||
| 81 | + height: 45px; | ||
| 82 | + line-height: 45px; | ||
| 83 | + position: absolute; | ||
| 84 | + bottom: 0; | ||
| 85 | + left: 0; | ||
| 86 | + right: 0; | ||
| 87 | + color: #fff; | ||
| 88 | + font-size: 18px; | ||
| 89 | + overflow: hidden; | ||
| 90 | + white-space: nowrap; | ||
| 91 | + text-overflow: ellipsis; | ||
| 92 | + -webkit-text-overflow: ellipsis; | ||
| 93 | + padding: 0 25px; | ||
| 94 | + } | ||
| 95 | + | ||
| 96 | + img { | ||
| 97 | + width: 100%; | ||
| 98 | + height: 100%; | ||
| 99 | + } | ||
| 100 | + } | ||
| 78 | } | 101 | } |
| 79 | } | 102 | } |
| 80 | 103 | ||
| 81 | -.floor-ul { | ||
| 82 | - li { | 104 | +.ma-container { |
| 105 | + .floor-c { | ||
| 106 | + background: #fff; | ||
| 107 | + padding: 25px; | ||
| 108 | + position: relative; | ||
| 109 | + | ||
| 83 | img { | 110 | img { |
| 84 | width: 100%; | 111 | width: 100%; |
| 85 | height: 100%; | 112 | height: 100%; |
| 86 | } | 113 | } |
| 87 | - } | ||
| 88 | -} | ||
| 89 | 114 | ||
| 90 | -.floor-ul { | ||
| 91 | - li { | ||
| 92 | p { | 115 | p { |
| 93 | height: 45px; | 116 | height: 45px; |
| 94 | line-height: 45px; | 117 | line-height: 45px; |
| @@ -102,55 +125,24 @@ | @@ -102,55 +125,24 @@ | ||
| 102 | white-space: nowrap; | 125 | white-space: nowrap; |
| 103 | text-overflow: ellipsis; | 126 | text-overflow: ellipsis; |
| 104 | -webkit-text-overflow: ellipsis; | 127 | -webkit-text-overflow: ellipsis; |
| 105 | - padding: 0 25px; | 128 | + margin: 0 40px 25px; |
| 106 | } | 129 | } |
| 107 | } | 130 | } |
| 108 | } | 131 | } |
| 109 | 132 | ||
| 110 | -.floor-c { | ||
| 111 | - background: #fff; | ||
| 112 | - padding: 25px; | ||
| 113 | - position: relative; | ||
| 114 | -} | ||
| 115 | - | ||
| 116 | -.floor-c { | ||
| 117 | - img { | 133 | +.ma-container { |
| 134 | + .down { | ||
| 118 | width: 100%; | 135 | width: 100%; |
| 119 | - height: 100%; | ||
| 120 | - } | ||
| 121 | -} | ||
| 122 | - | ||
| 123 | -.floor-c { | ||
| 124 | - p { | ||
| 125 | - height: 45px; | ||
| 126 | - line-height: 45px; | ||
| 127 | - position: absolute; | ||
| 128 | - bottom: 0; | ||
| 129 | - left: 0; | ||
| 130 | - right: 0; | ||
| 131 | - color: #fff; | ||
| 132 | - font-size: 18px; | ||
| 133 | - overflow: hidden; | ||
| 134 | - white-space: nowrap; | ||
| 135 | - text-overflow: ellipsis; | ||
| 136 | - -webkit-text-overflow: ellipsis; | ||
| 137 | - margin: 0 40px 25px; | ||
| 138 | - } | ||
| 139 | -} | ||
| 140 | - | ||
| 141 | -.down { | ||
| 142 | - width: 100%; | ||
| 143 | - height: 265px; | ||
| 144 | - position: relative; | ||
| 145 | - display: block; | ||
| 146 | -} | 136 | + height: 265px; |
| 137 | + position: relative; | ||
| 138 | + display: block; | ||
| 147 | 139 | ||
| 148 | -.down { | ||
| 149 | - img { | ||
| 150 | - width: 100%; | ||
| 151 | - position: absolute; | ||
| 152 | - top: -10px; | ||
| 153 | - left: 0; | ||
| 154 | - right: 0; | 140 | + img { |
| 141 | + width: 100%; | ||
| 142 | + position: absolute; | ||
| 143 | + top: -10px; | ||
| 144 | + left: 0; | ||
| 145 | + right: 0; | ||
| 146 | + } | ||
| 155 | } | 147 | } |
| 156 | } | 148 | } |
-
Please register or login to post a comment