*{
    list-style:none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.wrapper{
   position: relative;
    width: 590px;
    height: 470px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}
.picbox{
    width: 4720px;
    height: 470px;}
.float-left{
    float: left;
    width: 590px;
    height: 470px;

}
.float-left>img{
    width: 590px;
    height: 470px;
    display: block;
}

.spot{

    position: absolute;
    width: 700px;
   height: 20px;
   bottom: 20px;
}

.spot-ul{
    text-align: center;
}


.li1{
    display: inline-block;
    margin:0 5px;
    width: 10px;
    height: 10px;
    /* 边界半径：50% */
    border-radius: 50%;
    background-color: beige;
}

/* .brackets{

    position: absolute;
    width: 700px;
    height: 70px;
} */

#left {
    
    position: absolute;
    /* overflow: hidden;
    display: block; */
    font-size: 60px;
    width: 40px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    top:50%;
    margin-top:-35px;
    left: 20px;
    /* float: left; */
    background-color:transparent;

}
#right{
    position: absolute;
/*     
    display: block;
    overflow: hidden; */
    font-size: 60px;

    width: 40px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    top:50%;
    margin-top:-35px;
    right: 20px;
    /* float: right; */
    background-color:transparent;

}