feat: mobile附件下载页

public/static/index/mobile/css/download.css

@@ -0,0 +1,110 @@
+.clearfix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.clearfix {
+  *zoom: 1;
+}
+
+.mobile-search {
+  background: #004bfa !important;
+  width: 100%;
+  padding: 1rem 0 0.5rem;
+}
+
+.download-title {
+  font-size: 28px;
+  text-align: center;
+  color: #333;
+  margin: 15px 0;
+}
+
+.download-bg {
+  background: #fff;
+  border-radius: 10px;
+  margin: 8px 25px;
+  box-shadow: 0px 2px 40px 0px #e6eaf4;
+  -moz-box-shadow: 0px 2px 40px 0px #e6eaf4;
+  -webkit-box-shadow: 0px 2px 40px 0px #e6eaf4;
+  padding: 1.333rem;
+}
+
+.Pages {
+  text-align: center;
+  color: #555;
+  clear: both;
+  margin-bottom: 0.8rem;
+  margin-top: 0.6rem;
+}
+.Pages .pagination li {
+  display: inline-block;
+}
+.Pages .pagination li a,
+.Pages .pagination li span {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 0.875rem;
+  color: #666;
+  padding: 0.1rem 0.58rem;
+}
+.Pages .pagination li.active span{
+  background-color: #444444;
+  color: #fff;
+}
+
+@media screen and (max-width: 375px) {
+  .download-left {
+    width: 60%;
+    margin: auto;
+  }
+  .download-right {
+    width: 100%;
+    font-size: 0.8rem;
+  }
+  .down-btn {
+    border: 1px solid #009fdf;
+    text-align: center;
+    color: #009fdf;
+    font-size: 0.8rem;
+    margin: auto;
+    border-radius: 20px;
+    padding: 0.5rem 1rem;
+  }
+}
+.download-left img {
+  width: 100%;
+}
+
+@media screen and (min-width: 376px) {
+  .download-left {
+    width: 30%;
+    float: left;
+  }
+  .download-right {
+    width: 65%;
+    float: right;
+    font-size: 0.64rem;
+  }
+}
+.down-btn {
+  border: 1px solid #009fdf;
+  text-align: center;
+  color: #009fdf;
+  font-size: 0.8rem;
+  margin: 5px 0;
+  border-radius: 20px;
+  padding: 0.5rem 1rem;
+}
+
+.down-btn a {
+  color: #009fdf;
+}
+
+.down-gray {
+  color: #666;
+  margin: 5px 0;
+}