公会奖励暂存

view/molistar/modules/guild-ar/css/index.css

@@ -200,6 +200,49 @@ body {
   background: #FFEFE5;
 }
 
+.weeklyRewards {
+  width: 10rem;
+  height: 3.62667rem;
+  margin: 0.34667rem auto 0;
+}
+
+.weeklyRewards .top {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 0.33333rem;
+  height: 0.66667rem;
+  line-height: 0.66667rem;
+  margin-top: 0.41333rem;
+  position: relative;
+}
+
+.weeklyRewards .top span {
+  float: left;
+  width: 0.10667rem;
+  height: 0.45333rem;
+  background: #04D5C6;
+  border-radius: 9.22667rem;
+  margin: 0.10667rem 0.13333rem 0;
+  display: block;
+}
+
+.weeklyRewards .top b {
+  float: left;
+  font-size: 0.48rem;
+  color: #313131;
+  font-weight: bold;
+  display: block;
+  margin-right: 0.09333rem;
+}
+
+.weeklyRewards .top i {
+  display: block;
+  font-size: 0.48rem;
+  color: #313131;
+  float: left;
+  font-style: normal;
+}
+
 .agencylevel {
   width: 10rem;
   height: 3.62667rem;

view/molistar/modules/guild-ar/css/index.scss

@@ -207,6 +207,48 @@ body {
     }
 }
 
+.weeklyRewards {
+    width: px2rem(750);
+    height: px2rem(272);
+    margin: px2rem(26) auto 0;
+
+    .top {
+        width: 100%;
+        box-sizing: border-box;
+        padding: 0 px2rem(25);
+        height: px2rem(50);
+        line-height: px2rem(50);
+        margin-top: px2rem(31);
+        position: relative;
+
+        span {
+            float: left;
+            width: px2rem(8);
+            height: px2rem(34);
+            background: #04D5C6;
+            border-radius: px2rem(692);
+            margin: px2rem(8) px2rem(10) 0;
+            display: block;
+        }
+
+        b {
+            float: left;
+            font-size: px2rem(36);
+            color: #313131;
+            font-weight: bold;
+            display: block;
+            margin-right: px2rem(7);
+        }
+
+        i {
+            display: block;
+            font-size: px2rem(36);
+            color: #313131;
+            float: left;
+            font-style: normal;
+        }
+    }
+}
 .agencylevel {
     width: px2rem(750);
     height: px2rem(272);

view/molistar/modules/guild-ar/index.html

@@ -88,6 +88,13 @@
             </div>
         </div>
     </div>
+    <!-- weekly rewards -->
+    <div class="weeklyRewards">
+        <div class="top">
+            <span></span>
+            <b class="">Host weekly rewards</b>
+        </div>
+    </div>
     <!-- Agency level -->
     <div class="agencylevel">
         <div class="top">