增加箭头

assets/scss/cus-client/cus-client-common.scss

@@ -186,7 +186,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
       .system-box{width: 130px;height: 60px;position: absolute;top: 20px;}
       .system-box{
          div{
-          display: none;position: absolute;background: #fff;border: 1px solid #b5b5b5;border-radius: 4px;padding: 10px 8px;left: 0;top:57px;transition: 3s;
+          display: none;position: absolute;background: #fff;border: 1px solid #b5b5b5;border-radius: 4px;padding: 10px 8px;left: 0;top:57px;transition: 5s;
           a{
             display: inline-block;
             i{width: 110px;height: 84px;display: block;background-size: cover;}
@@ -196,28 +196,28 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
           span{width: 1px;height: auto;background:#e8e8e8;@include setFontStyle(-4);margin: 10px;}
           p{@include setFontStyle(-4);color: rgba(0,0,0,0.85);line-height: 24px;text-align: center;}
         }
-      /*  >div:after,>div:before {
+        // 伪类气泡箭头
+        div:after,div:before {
           width: 0;
           height: 0;
           font-size: 0;
           overflow: hidden;
           position: absolute;
           content: ' ';
+          left: 60px;
         }
-        >div:after{
-          border-width: 20px;
+        div:after{
+          border-width: 10px;
           border-style: dashed dashed solid ;
-          border-color: transparent transparent #666 ;
-          left: 100px;
-          bottom: 85px;
+          border-color: transparent transparent #ffffff;
+          top: -19px;
         }
-        >div:before{
-          border-width: 20px;
+        div:before{
+          border-width: 10px;
           border-style: dashed dashed solid ;
-          border-color: transparent transparent #ffffff;
-          left: 100px;
-          bottom: 78px;
-        }*/
+          border-color: transparent transparent #666 ;
+          top:-20px;
+        }
       }
     .system-box:hover{
       >div{