.slider{position: relative; width: 100%; height: 280px;}
.slider-wrapper{overflow: hidden;  height: 280px;}
.slider-wrapper img{display: none; width: 100%; height: 280px;}
.slider-wrapper .img{display: block;}
.slider-wrapper span{display: none;  height: 20px;margin-top: -80px; color: rgba(255,255,255,0.9);}
.slider-wrapper .slid-select-img-change{display: block; }
.next{position: relative; margin-top: -35%; padding-right: 1.5%; float: left; overflow: hidden; width: 3%; height: 6%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; background-color: rgba(237, 238, 236, 0.546);}
.forward{position: relative; margin-top: -37%; padding-left: 1.5%; float: right; overflow: hidden; width: 3%; height: 6%; border-top-left-radius: 50%; border-bottom-left-radius: 50%; background-color: rgba(237, 238, 236, 0.546);}
.next .nextTriangle{width: 10px; height: 10px;  background-color: transparent;  border-color: white; border-style: solid; border-width: 1px 1px 0  0; margin: 30% auto;  transform: rotate(45deg); }
.forward .forTriangle{width: 10px; height: 10px; background-color: transparent;  border-color: white; border-style: solid; border-width: 0 0 1px 1px; margin: 30% auto;  transform: rotate(45deg);}
.slider-indeicator{display: inline-block; position: absolute; height: 30px; margin-top: -30px; margin-left: 150px;}
.slider-indeicator .dot{float: left; overflow: hidden; margin-left: 5px; width: 10px; height: 10px; border-radius: 100%; background: rgba(255,255,255,.9);}
.slider-indeicator .actor{background: rgba(13, 225, 77, 0.546);}