Add react css.

dlstatic
1 parent e8e5c86f
Showing 2 changed files with 44 additions and 4 deletions
css/common.css
css/common.less
@@ -1316,6 +1316,8 @@ Pagination Styles
   text-align: right;
   padding-right: 5px;
   position: relative;
+  height: 36px;
+  line-height: 36px;
 }
 .redtheme .redline .rprice .big {
   font-size: 24px;
@@ -1325,13 +1327,30 @@ Pagination Styles
   color: #fadcc3;
   left: 0;
   top: 8px;
-  font-size: 13px;
-  padding: 1px 3px;
+  font-size: 12px;
+  padding: 0 3px;
   background: url(../images/dist/sp.jpg) no-repeat 0 0;
   background-size: 42px;
+  line-height: 20px;
 }
 .redtheme .redline .linkword {
   text-align: center;
   position: relative;
   top: 5px;
 }
+@media screen and (max-device-width: 340px) {
+  .redtheme .redline .rprice {
+    font-size: 12px;
+  }
+  .redtheme .redline .rprice .big {
+    font-size: 13px;
+  }
+}
+@media screen and (min-device-width: 341px) and (max-device-width: 400px) {
+  .redtheme .redline .rprice {
+    font-size: 14px;
+  }
+  .redtheme .redline .rprice .big {
+    font-size: 18px;
+  }
+}
@@ -173,6 +173,8 @@
       text-align: right;
       padding-right: 5px;
       position: relative;
+      height: 36px;
+      line-height: 36px;
       .big {
         font-size: 24px;
       }
@@ -181,10 +183,11 @@
         color: #fadcc3;
         left: 0;
         top: 8px;
-        font-size: 13px;
-        padding: 1px 3px;
+        font-size: 12px;
+        padding: 0 3px;
         background: url(../images/dist/sp.jpg) no-repeat 0 0;
         background-size: 42px;
+        line-height: 20px;
       }
     }
     .linkword {
@@ -194,3 +197,21 @@
     }
   }
 }
+
+@media screen and (max-device-width: 340px) { 
+  .redtheme .redline .rprice {
+    font-size: 12px;
+  }
+  .redtheme .redline .rprice .big {
+    font-size: 13px;
+  }
+}
+
+@media screen and (min-device-width: 341px) and (max-device-width: 400px) { 
+  .redtheme .redline .rprice {
+    font-size: 14px;
+  }
+  .redtheme .redline .rprice .big {
+    font-size: 18px;
+  }
+}