format css

 .share-wrapper {
+    @each $icon in weibo, tweibo, renren, qzone, qq, douban, weixin {
+        .$(icon) {
+            background: url(/share/$(icon).png) no-repeat;
+        }
+    }
     position: relative;
 
-i {
-    display: block;
-    float: left;
-    width: 16px;
-    height: 16px;
-    margin-left: 5px;
-    cursor: pointer;
-}
+    i {
+        display: block;
+        float: left;
+        margin-left: 5px;
+        width: 16px;
+        height: 16px;
+        cursor: pointer;
+    }
 
-@each $icon in weibo,tweibo,renren,qzone,qq,douban,weixin {
-    .$(icon) {
-    background: url(/share/$(icon).png) no-repeat;
-}
-}
+    .weixin-share-box {
+        position: absolute;
+        top: 22px;
+        right: -26px;
+        z-index: 2;
+        display: none;
+        padding-top: 9px;
+        width: 282px;
+        height: 302px;
+        text-align: center;
+        font-family: Microsoft Yahei, Arial, Verdana;
 
-.weixin-share-box {
-    display:none;
-    position: absolute;
-    width: 282px;
-    height: 302px;
-    padding-top: 9px;
-    text-align: center;
-    font-family: Microsoft Yahei, Arial, Verdana;
-    top: 22px;
-    right: -26px;
-    z-index:2;
+        em,
+        em i {
+            position: absolute;
+            width: 0;
+            height: 0;
+            border-width: 0 10px 9px;
+            border-style: dashed dashed solid;
+            font-size: 0;
+        }
 
-em,
-em i {
-    position: absolute;
-    width: 0;
-    height: 0;
-    font-size: 0;
-    border-width: 0 10px 9px;
-    border-style: dashed dashed solid;
-}
+        em {
+            top: 0;
+            left: 50%;
+            margin-left: -10px;
+            border-color: transparent transparent #d6d6d6;
+        }
 
-em {
-    border-color: transparent transparent #d6d6d6;
-    top: 0px;
-    left: 50%;
-    margin-left: -10px;
-}
+        em i {
+            top: 1px;
+            left: -15px;
+            overflow: hidden;
+            border-color: transparent transparent #e8e8e8;
+        }
 
-em i {
-    border-color: transparent transparent #e8e8e8;
-    overflow: hidden;
-    top: 1px;
-    left: -15px;
-}
+        .con {
+            position: relative;
+            overflow: hidden;
+            width: 280px;
+            height: 300px;
+            border: 1px solid #d6d6d6;
+            background-color: #fff;
+            box-shadow: 0 2px 4px #d1d1d1;
+        }
 
-.con {
-    position: relative;
-    width: 280px;
-    height: 300px;
-    overflow: hidden;
-    background-color: #fff;
-    border: 1px solid #d6d6d6;
-    box-shadow: 0px 2px 4px #d1d1d1;
-}
+        h2 {
+            display: block;
+            height: 46px;
+            background-color: #e8e8e8;
+            color: #000;
+            font-size: 18px;
+            line-height: 46px;
+        }
 
-h2 {
-    display: block;
-    height: 46px;
-    line-height: 46px;
-    background-color: #e8e8e8;
-    color: #000;
-    font-size: 18px;
-}
+        .pic,
+        .pic img {
+            width: 168px;
+            height: 168px;
+        }
 
-.pic,
-.pic img {
-    width: 168px;
-    height: 168px;
-}
+        .pic {
+            overflow: hidden;
+            margin: 16px auto;
+        }
 
-.pic {
-    overflow: hidden;
-    margin: 16px auto;
-}
+        .w {
+            color: #9f9f9f;
+            font-size: 13px;
+            line-height: 20px;
+        }
 
-.w {
-    font-size: 13px;
-    color: #9f9f9f;
-    line-height: 20px;
-}
-
-.close {
-    position: absolute;
-    width: 45px;
-    height: 45px;
-    line-height: 45px;
-    overflow: hidden;
-    top: 0;
-    right: 0;
-    font-size: 16px;
-    color: #999999;
-}
-}
+        .close {
+            position: absolute;
+            top: 0;
+            right: 0;
+            overflow: hidden;
+            width: 45px;
+            height: 45px;
+            color: #999;
+            font-size: 16px;
+            line-height: 45px;
+        }
+    }
 }