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.
|
|
|
|
.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
|
|
|
|
|
}
|