test

css/biankuang.css

@@ -0,0 +1,72 @@
+.spbq{
+    width: 100%;
+    height: auto;
+    padding: 0 10px 10px 15px;
+    margin: 5px 0;
+    /*importance*/
+    position: relative;
+    overflow: hidden;
+}
+/*边框特效*/
+.biankuang{
+    width: 3px;
+    height: 3px;
+    position: absolute;
+    z-index: 99;
+    border-radius:10px;
+    /*background: black;*/
+}
+.biankuang_1{
+    /*left*/
+    height: 3px;
+    top: -6px;
+    left:0px;
+    border-left: 3px solid #EB5858;
+}
+.biankuang_2 {
+    /*bottom*/
+    width: 0px;
+    bottom: -1px;
+    left: 0px;
+    border-top: 3px solid #EB5858;
+}
+.biankuang_3{
+    /*right*/
+    height: 0px;
+    bottom:0px;
+    right:0px;
+    border-right: 3px solid #EB5858;
+}
+.biankuang_4{
+    /*top*/
+    width:0px;
+    top:-1px;
+    right:0px;
+    border-bottom: 3px solid #EB5858;
+}
+.text_gobuy {
+    position: absolute;
+    z-index:9;
+    top: -30px;
+    left: 0px;
+    width: 280px;
+    height: 50px;
+    overflow: hidden;
+    background:rgba(207, 208, 211, 0);
+    cursor: pointer;
+    transition:all  300ms;
+    -webkit-transition:all  300ms;
+    -moz-transition:all  300ms;
+    -o-transition:all  300ms;
+}
+.text_gobuy_show{
+    height: 50px;
+    position: absolute;
+    z-index:9;
+    bottom: 0px;
+    width: 280px;
+    overflow: hidden;
+    padding: 20px 15px ;
+    cursor: pointer;
+    background-color: rgba(32, 32, 33,0.3);
+}