li {
list-style: none;
}
img {
font-size: 0;
}
#swiper {
position: relative;
}
#swiper .img-box {
position: absolute;
top: 0;
left: 0;
}
#swiper .img-box li {
display: inline-block;
}
#swiper .img-box li img {
width: 100%;
height: 100%;
}
#swiper .dot {
position: absolute;
bottom: 10px;
left: 50%;
transform: translatex(-50%);
}
#swiper .dot ul {
background: rgba(255, 0, 0, 0.6);
border-radius: 10px;
}
#swiper .dot ul li {
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
display: inline-block;
margin: 4px;
}
#swiper .btn {
position: absolute;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0.5);
font-size: 25px;
color: #fff;
font-family: "宋体";
text-align: center;
line-height: 40px;
cursor: pointer;
display: none;
}
#swiper .prevbtn {
left: 0;
border-radius: 0 50px 50px 0;
}
#swiper .nextbtn {
right: 0;
border-radius: 50px 0 0 50px;
}
#swiper .dot .active {
background-color: #f00;
}