72 lines
1.3 KiB
CSS
72 lines
1.3 KiB
CSS
.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);
|
|
} |