频道页面底部优化

 .float-layer {
-        height: 44px;
+        height: 88px;
         background: rgba(68, 68, 68, 0.95);
         position: fixed;
         width: 100%;
         bottom: 0;
         left: 0;
         z-index: 9999;
-        padding: 10px 0;
+        padding: 20px 0;
 
         .float-layer-left {
-            padding-left: 22px;
+            padding-left: 44px;
             overflow: hidden;
             float: left;
 
             img {
-                height: 44px;
+                height: 88px;
                 float: left;
-                margin-right: 10px;
+                margin-right: 20px;
             }
 
             p {
                 float: left;
-                font-size: 16px;
-                height: 44px;
-                line-height: 44px;
+                font-size: 32px;
+                height: 88px;
+                line-height: 88px;
                 color: white;
             }
 
             .yoho-icon {
                 float: left;
-                margin-right: 10px;
-                font-size: 22px;
-                line-height: 44px;
-                width: 44px;
-                height: 44px;
+                margin-right: 20px;
+                font-size: 44px;
+                line-height: 88px;
+                width: 88px;
+                height: 88px;
                 text-align: center;
                 color: #fff;
-                border-radius: 10px;
+                border-radius: 20px;
                 background-image: linear-gradient(#323232, #0f0f0f);
             }
         }
@@ -47,8 +47,8 @@
     position: absolute;
     left: 0;
     top: 0;
-    width: 50px;
-    height: 50px;
+    width: 100px;
+    height: 100px;
 
     .close-icon {
         position: absolute;
@@ -62,14 +62,14 @@
 #float-layer-btn {
     position: absolute;
     top: 50%;
-    right: 15px;
-    font-size: 16px;
-    padding: 0 10px;
-    height: 27px;
-    line-height: 27px;
+    right: 30px;
+    font-size: 32px;
+    padding: 0 20px;
+    height: 54px;
+    line-height: 54px;
     background: white;
-    border-radius: 5px;
-    margin-top: -13px;
+    border-radius: 10px;
+    margin-top: -26px;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
     &:link,
     &:visited,
@@ -82,11 +82,9 @@
 .circle-rightbottom {
     position: absolute;
 
-    width: 25px;
+    width: 50px;
     height: 0px;
     border:0 solid #323232;
-    border-bottom:25px solid #323232;
-    -moz-border-radius:0 0 25px 0;
-    -webkit-border-radius:0 0 25px 0;
-    border-radius:0 0 25px 0;
+    border-bottom:50px solid #323232;
+    border-radius:0 0 50px 0;
 }

 .yoho-footer {
-    font-size: 12px;
+    font-size: 24px;
     background-color: #fff;
     position: relative;
 
     .op-row {
-        padding: 0 15px;
-        height: 60px;
-        line-height: 60px;
+        padding: 0 30px;
+        height: 120px;
+        line-height: 120px;
         span{
             display: inline-block;
             overflow:hidden;
@@ -26,7 +26,7 @@
 
         .back-to-top {
             position: absolute;
-            right: 20px;
+            right: 40px;
         }
 
         .sep-line {
@@ -35,8 +35,8 @@
     }
 
     .copyright {
-        height: 60px;
-        line-height: 60px;
+        height: 120px;
+        line-height: 120px;
         border-top: 1px solid #ccc;
         text-align: center;
         color: #666;