边框
.baie-b-1px,
.baie-bt-1px, .baie-bb-1px, .baie-bh-1px,
.baie-bl-1px, .baie-br-1px, .baie-bv-1px{position: relative}
.baie-b-1px:after {
content: " ";
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
z-index:0;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
}
.baie-b-1px-radius10:after{
border-radius: 10px;
}
.baie-bt-1px:before,
.baie-bh-1px:before,
.baie-bb-1px:after,
.baie-bh-1px:after{
content: " ";
position: absolute;
left: 0;
width: 200%;
height: 1px;
color: #e4e4e4;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
.baie-bt-1px:before,
.baie-bh-1px:before{
top: 0;
border-top: 1px solid #e4e4e4;
}
.baie-bb-1px:after,
.baie-bh-1px:after{
bottom: 0;
border-bottom: 1px solid #e4e4e4;
}
.baie-bl-1px:before,
.baie-bv-1px:before,
.baie-br-1px:after,
.baie-bv-1px:after{
content: " ";
position: absolute;
top: 0;
height: 200%;
width: 1px;
color: #e4e4e4;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.baie-bl-1px:before,
.baie-bv-1px:before{
left: 0;
border-left: 1px solid #e4e4e4;
}
.baie-br-1px:after,
.baie-bv-1px:after{
right: 0;
border-right: 1px solid #e4e4e4;
}