.puosui{position: relative;overflow: hidden;/* top: 50px; */}
.puosui-view{
position: relative;
height: 100%;
z-index: 99;
background-color: #0A0B10;
background-repeat: no-repeat;
}
.puosui-view i{
position: relative;
display: block;
float: left;
background-repeat: no-repeat;
}
.puosui-btn{
position: absolute;
width: 100%;
height: 0;
top: 45%;
font-family: "瀹嬩綋";
font-size: 20px;
z-index: 1000;
}
.puosui-btn span{
display: block;
float: left;
width: 50px;
line-height: 50px;
text-align: center;
background-color: rgba(0,0,0,0.7);
color: #CCCCCC;
cursor: pointer;
font-weight: 800;
background-image: 
}
.puosui-btn span:hover{
background-color: rgba(0,0,0,0.6);
}
.puosui-btn span + span{
float: right;
}
.puosui-number{
position: absolute;
bottom: 35px;
width: 100%;
height: 0;
font-size: 0;
text-align: center;
z-index: 1000;
}
.puosui-number > *{
display: inline-block;
border: 2px solid #fff;
border-radius: 50%;
margin: 0 8px;
width: 10px;
height: 10px;
background-color: #003D4F;
cursor: pointer;
}
.puosui-number  > *:hover,
.puosui-number  > *.on{
background-color: #666666;
}
.puosui-progres{
width: 100%;
position: absolute;
bottom: 0;
height: 3px;
z-index: 1000;
}
.puosui-progres i{
position: absolute;
left: 0;
top: 0;
border-radius: 3px;
display: block;
height: 100%;
width: 0;
}