.carousel-container{width:inherit;height:176px;margin:0 auto;position: relative;overflow: hidden;outline: 0px solid #ccc;}
.carousel-list{width: 100%;height: 100%;position: relative;white-space: nowrap;font-size: 0;}
.carousel-item{width: 100%;height: 100%;display: inline-block;vertical-align: top;font-size: 16px;z-index: -1;}
.carousel-item img{width: 100%;height: auto;}
.item-1{background-color: #FF7F24;}
.item-2{background-color: yellow;}
.item-3{background-color: blue;}
.carousel-arrow-left{left: 10px;top: calc(100% - 176px/2 - 50px/2);}
.carousel-arrow-right{right: 10px;top: calc(100% - 176px/2 - 50px/2);}
.carousel-arrow{position: absolute;width: 40px;height: 40px;background: #000;color: #fff;border-radius: 50%;text-align: center;line-height: 100%;font-size: 2.2em;opacity: .1;cursor: pointer;}
.carousel-arrow:hover{opacity: .8;}
.indicator{position: absolute;display: flex;bottom: 10px;left: 50%;transform: translateX(-50%);}
.indicator span.active{border-color: #fff;background: #fff;}
.indicator span{width: 6px;height: 6px;border-radius:50%;border: 2px solid #fff;margin: 0 3px;cursor: pointer;}
.carousel-list:nth-nth-child(5){
	
}