微剧院官网优化

2018专题/微剧院官网/src/sass/global.scss

@@ -42,11 +42,15 @@ a{
 }
 
 .dw-mod-nav{
+    position: absolute;
+    left: 0;
+    right: 0;
+    z-index: 10;
     padding: 15px 0;
-    background: #000000;
     color: #FFFFFF;
     font-size: 18px;
     line-height: 50px;
+    @include gradient(rgba(0,0,0,1),rgba(0,0,0,0))
     .inner{
         height: 100%;
     }
@@ -89,7 +93,7 @@ a{
         position: absolute;
         top: 50%;
         left: 50%;
-        margin: -203px 0 0 114px;
+        margin: -203px 0 0 90px;
         width: 460px;
         height: 346px;
         padding: 25px;
@@ -198,6 +202,7 @@ a{
             color: #ffffff;
             text-align: right;
             padding: 0 6px;
+            border-radius: 10px;
             background: url(/src/img/icon-mask1.png) center bottom repeat-x;
         }
         h3{
@@ -282,6 +287,7 @@ a{
             width: 100%;
             height: 100%;
             background: #000;
+            border-radius: 10px;
         }
         img{
             position: relative;
@@ -290,6 +296,7 @@ a{
             width: 100%;
             height: 100%;
             overflow: hidden;
+            border-radius: 10px;
         }
     }
     .list-film{
@@ -332,12 +339,14 @@ a{
             width: 100%;
             height: 100%;
             overflow: hidden;
+            border-radius: 10px;
         }
         .item-duration{
             font-size: 14px;
             height: 49px;
             line-height: 70px;
             color: #ff6b1a;
+            border-radius: 10px;
          }
         .item-cover{
             position: relative;
@@ -374,10 +383,9 @@ a{
 }
 
 .dw-mod-sidebar{
-    position: absolute;
-    top: 780px;
-    left: 50%;
-    margin-left: 650px;
+    position: fixed;
+    bottom: 50px;
+    right: 40px;
     .list-rel{
         li{
             width: 140px;
@@ -385,9 +393,9 @@ a{
             color: #000000;
             font-size: 14px;
             text-align: center;
-            margin-bottom: 34px;
+            margin-top: 34px;
             line-height: 24px;
-            box-shadow: 0 5px 20px 1px #e6e6e6;
+            box-shadow: 0 2px 8px 1px #e0e0e0;
         }
         img{
             display: block;