style:好差评
Showing
2 changed files
with
54 additions
and
6 deletions
... | @@ -155,7 +155,39 @@ | ... | @@ -155,7 +155,39 @@ |
155 | </div> | 155 | </div> |
156 | <!-- 好差评 --> | 156 | <!-- 好差评 --> |
157 | <div class="Good_bad_reviews"> | 157 | <div class="Good_bad_reviews"> |
158 | <img src="./staticImages/bannerbg.png" alt="背景"> | 158 | <h3>好差评</h3> |
159 | <ul> | ||
160 | <li> | ||
161 | <p> | ||
162 | <b>787</b> | ||
163 | <span>万次</span> | ||
164 | </p> | ||
165 | <p>评价数</p> | ||
166 | </li> | ||
167 | |||
168 | <li> | ||
169 | <p> | ||
170 | <b>12</b> | ||
171 | <span>次</span> | ||
172 | </p> | ||
173 | <p>差评总数</p> | ||
174 | </li> | ||
175 | |||
176 | <li> | ||
177 | <p> | ||
178 | <b>100</b> | ||
179 | <span>%</span> | ||
180 | </p> | ||
181 | <p>差评修改率</p> | ||
182 | </li> | ||
183 | <li> | ||
184 | <p> | ||
185 | <b>92.6</b> | ||
186 | <span>%</span> | ||
187 | </p> | ||
188 | <p>差评数</p> | ||
189 | </li> | ||
190 | </ul> | ||
159 | </div> | 191 | </div> |
160 | <!-- 常见问题,政民互动 --> | 192 | <!-- 常见问题,政民互动 --> |
161 | <div class="common_question"> | 193 | <div class="common_question"> | ... | ... |
... | @@ -153,18 +153,34 @@ div.banner ul li a { | ... | @@ -153,18 +153,34 @@ div.banner ul li a { |
153 | .laws_regulations .laws_list li:not(:last-child) { | 153 | .laws_regulations .laws_list li:not(:last-child) { |
154 | border-bottom: 1px dashed #DEDEDE; | 154 | border-bottom: 1px dashed #DEDEDE; |
155 | } | 155 | } |
156 | /* ---------------end----------------------- */ | ||
157 | 156 | ||
158 | /* ---------------好差评start---------------------------- */ | 157 | /* ---------------好差评start---------------------------- */ |
159 | .Good_bad_reviews { | 158 | .Good_bad_reviews { |
160 | width: 100%; | 159 | width: 100%; |
161 | height: 180px; | 160 | height: 180px; |
161 | background: url('../staticImages/bannerbg.png'); | ||
162 | background-size: cover; | ||
163 | text-align: center; | ||
164 | color: #ffffff; | ||
165 | padding-top: 36px; | ||
166 | box-sizing: border-box; | ||
162 | } | 167 | } |
163 | .Good_bad_reviews img { | 168 | .Good_bad_reviews h3 { |
164 | width: 100%; | 169 | margin: 0 auto; |
165 | height: 100%; | 170 | font-size: 26px; |
171 | margin-bottom: 5px; | ||
172 | } | ||
173 | .Good_bad_reviews ul { | ||
174 | width: 1200px; | ||
175 | margin: 0 auto; | ||
176 | } | ||
177 | .Good_bad_reviews li { | ||
178 | display: inline-block; | ||
179 | width: 24.6%; | ||
180 | } | ||
181 | .Good_bad_reviews li p b { | ||
182 | font-size: 40px; | ||
166 | } | 183 | } |
167 | |||
168 | /* ------------------end----------- */ | 184 | /* ------------------end----------- */ |
169 | /* -------------常见问题start--------------------- */ | 185 | /* -------------常见问题start--------------------- */ |
170 | .common_question { | 186 | .common_question { | ... | ... |
-
Please register or sign in to post a comment