/* 页面具体代码 */
.box{
    width: 590px;
    height: 470px;
    background: url(https://imgcps.jd.com/ling4/100011483893/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5f3a47329785549f6bc7a6e8/07f51781/cr/s/q.jpg);
    background-size: cover;
}
.box .nav i{ 
    font-size: 40px;
    color: white;
}
.nav ,
.box {
    position: relative;
}
.box .nav{
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.box ul li{
    float: left;
    width:10px;
    height: 10px;
    background: white;
    border-radius: 100%;
    margin-right: 5px;
}
.box ul{
    position: absolute;
    bottom: 15px;
    left: 15px;
}