first commit

pages/faq/faq.wxss

@@ -0,0 +1,73 @@
+page {
+    background-color: #222238;
+    border-top: 1px solid hsla(0,31%,87%,.5);
+}
+
+.container {
+    padding: 20rpx;
+}
+
+.title {
+    color: #a790e2;
+    font-size: 36rpx;
+    font-weight: 700;
+    margin-bottom: 20rpx;
+    text-align: center;
+}
+
+.section {
+    border-radius: 10rpx;
+    box-shadow: 0 4rpx 8rpx rgba(0,0,0,.1);
+    margin-bottom: 30rpx;
+    padding: 20rpx;
+    width: 100%;
+}
+
+.section-title {
+    border-bottom: 2rpx solid hsla(0,31%,87%,.5);
+    color: #fff;
+    font-size: 30rpx;
+    font-weight: 700;
+    margin-bottom: 20rpx;
+    padding-bottom: 10rpx;
+}
+
+.section-content {
+    padding-left: 20rpx;
+}
+
+.article-link {
+    background-color: #333;
+    border-radius: 5rpx;
+    color: #fff;
+    display: block;
+    font-size: 28rpx;
+    margin-bottom: 20rpx;
+    padding: 10rpx;
+    transition: all .3s ease;
+}
+
+.article-link:hover {
+    background-color: #e6f2ff;
+    box-shadow: 0 4rpx 8rpx rgba(0,0,0,.1);
+    color: #a790e2;
+}
+
+.help,.user-qun {
+    margin-top: 20rpx;
+}
+
+.user-qun {
+    border-radius: 10rpx;
+    box-shadow: 0 4rpx 8rpx rgba(0,0,0,.1);
+    width: 100%;
+}
+.advertisement {
+  margin: 5px 0;
+  width: 100%;
+  z-index: 9999;
+}
+
+.advertisement image {
+  width: 100%;
+}