单选框位置提，只显示一个？

为什么只显示第五个？

body{

font-weight:400;

overflow:hidden;

font-smoothing:antialiased;

}

a{

text-decoration:none;

}

.clr{

width:0;

height:0;

overflow:hidden;

clear:both;

padding:0;

margin:0;

}

.st-container{

width:100%;

height:100%;

position:absolute;

left:0;

top:0;

}

.st-container >input,

.st-container>a{

width:20%;

height:24px;

line-height:24px;

position:fixed;

bottom:0;

}

.st-container>input{

opacity:0;

z-index:1000;

}

.st-container>a{

z-index:10;

font-weight:700;

font-size:16px;

text-align:center;

color:#fff;

background:pink;

text-shadow:1px 1px 1px rgba(125,25,65,0.23);

}

#st-control-1,st-control-1 + a{

left:0%;

}

#st-control-2,st-control-2 + a{

left:20%;

}

#st-control-3,st-control-3+a{

left:40%;

}

#st-control-4,st-control-4+a{

left:60%;

}

#st-control-5,st-control-5+a{

left:80%;

}