You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

111 lines
2.7 KiB
CSS

10 months ago
.order_status {
height: 120px;
padding-top: 80px;
/*padding-left: 160px;*/
}
.order_status .s-step {
float: left;
width: 20%;
height: 60px;
position: relative;
}
.order_status .s-step:nth-child(5n) {
width: 0px;
}
.order_status .s-step.active {
float: left;
width: 20%;
height: 60px;
position: relative;
}
.order_status .s-step > b > b.active {
background-color: #1ab394
}
.order_status .s-step > b {
display: block;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 32px;
position: absolute;
margin-left: -16px;
top: -20px;
background: #ddd;
z-index: 87
}
.order_status .s-step > b > b {
display: block;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 26px;
background: #ccc;
margin-top: 3px;
margin-left: 3px;
z-index: 88
}
.order_status .s-step > p {
width: 161px;
height: 10px;
background: #ddd;
top: -28px;
position: absolute;
z-index: 86;
margin:16px 0;
}
.order_status .s-step > p.active {
width: 161px;
height: 10px;
background: #1ab394;
top: -28px;
position: absolute;
z-index: 86
}
.order_status .s-step em {
display: block;
padding-top: 20px;
font-style: normal;
text-align: center;
color: #b7b7b7;
font-size: 12px;
margin-left: -65px;
width: 130px
}
.order_status .s-step > div {
display: block;
width: 80px;
height: 32px;
line-height: 32px;
position: absolute;
margin-left: -40px;
top: -55px;
z-index: 87;
text-align: center;
font-size: 12px;
color: #c9c4c4
}
.order_status .s-step > div.active {
display: block;
width: 80px;
height: 32px;
line-height: 32px;
position: absolute;
margin-left: -40px;
top: -55px;
z-index: 87;
text-align: center;
font-size: 12px;
color: #1ab394
}