@charset "UTF-8";
.container {
 width: 100%;
 height: 100%;
 overflow: hidden;
}

.slider-list {
 display: flex;
 height: 100%;
}
.slider-item {
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 30px;
 font-weight: bold;
}
.slider-item1 {
 background: #7fa998;
}
.slider-item2 {
 background: #f1f1b0;
}
.slider-item3 {
 background: #df8543;
}
.prev-next-box {
 display: flex;
 justify-content: space-between;
 width:400px;
}
.prev-next-box p {
 background: #c9485b;
 color: #fff;
 padding: 2px 10px;
 box-sizing: border-box;
 display: block;
 border-radius: 6px;
 font-size: 20px;
}
.prev-next-box p:hover {
 cursor: pointer;
}
.circle{
 background-color:yellow;
 width:10px;
 height:10px;
 border-radius:10px;
}
#wrapper{
 width:200px;
 display:flex;
 justify-content:space-between;
  align-items: center;
}