.slideshow-container {
     position: relative;
     width: 100%;
     height: 100%;
     margin: auto;
 }

 .mySlides {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
 }

 .mySlides img {
     width: 100%;
     height: 100%;
     border-radius: 20px;
 }

 /* 左右箭头样式 */
 .prev,
 .next {
     position: absolute;
     bottom: 1%;
     transform: translateY(-50%);
     font-size: 30px;
     font-weight: bold;
     color: white;
     text-shadow: 0 0 3px black;
     padding: 10px;
     cursor: pointer;
     z-index: 1;
 }

 .prev {
     right: 90px;
 }

 .next {
     right: 50px;
 }

 .prev:hover,
 .next:hover {
     background-color: rgba(0, 0, 0, 0.8);
 }

 /* 圆点样式 */
 .dot-container {
     position: absolute;
     bottom: 50px;
     width: 300px;
     left: 50%;
     margin-left: -150px;
 }

 .dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     float: left;
     background-color: gray;
     margin-left: 20px;
     margin-right: 20px;
     cursor: pointer;
     list-style: none;
 }

 .active {
     background-color: white;
 }