.sliderbox {
    position: relative;
}

.sliderbox .indicator {

}

.sliderbox .slider {
    width:100%;
    overflow:auto;
    box-sizing: border-box;
    display:flex;
    scroll-snap-type:x mandatory;
    scroll-behavior: smooth;
}

.sliderbox .slider li {
    scroll-snap-align: center;
}

.sliderbox .slider li.itemstyle2 {
    background-color: #e3192b;
}

.sliderbox .slider li.itemstyle2 .itemwraper {
    box-sizing: border-box;
    padding:0 4vw;
}

.sliderbox .slider li.itemstyle2 .itemwraper img {
    width:80vw;
}

.sliderbox .slider li.itemstyle2 h2 {
    font-size:2.4vw;
    line-height: 6vw;
    color:#fdd0d5;
    padding-left:3vw;
}

.sliderbox .slider li.itemstyle2 h3 {
    padding-right: 3vw;
    text-align: right;
}

.sliderbox .slider li.itemstyle2 h3 i {
    font-size:2.4vw;
    line-height: 6vw;
    color:#fdd0d5;
}

.sliderbox .slider li img {
    width:100vw;
    height:auto;
    display: block;
}

.sliderbox .slider::-webkit-scrollbar {
	width:0;
	height:0;
    display: none;
}

.sliderbox .indicator.style_01 {
    /*第一种样式*/
    display: inline-block;
    padding:0 3vw;
    line-height: 8vw;
    position:absolute;
    right:5vw;
    bottom:5vw;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4vw;
    color:#FFF;
}

.sliderbox .indicator.style_02 {
    /*第二种样式*/
    display:inline-block;
    position:absolute;
    left:50%;
    bottom:4vw;
    transform:translateX(-50%);
    font-size: 0;
    line-height: 0;
}

.sliderbox .indicator.style_02 i {
    display: inline-block;
    font-size: 3.6vw;
    line-height: 5vw;
    width:4vw;
    height: 1vw;
    background-color: #FFF;
    margin-left:1vw;
    border-radius: 0.5vw;
    transition:width 0.5s ease;
}

.sliderbox .indicator.style_02 i:first-child {
    margin-left: 0;
}

.sliderbox .indicator.style_02 i.selected {
    width:8vw;
    background-color: #F13F3F;
}

.sliderbox .indicator.style_03 {
    /*第二种样式*/
    display:inline-block;
    position:absolute;
    left:50%;
    bottom:4vw;
    transform:translateX(-50%);
    font-size: 0;
    line-height: 0;
}

.sliderbox .indicator.style_03 i {
    display: inline-block;
    font-size: 3.6vw;
    line-height: 5vw;
    width:1vw;
    height: 1vw;
    background-color: #ff838e;
    margin-left:1vw;
    border-radius: 0.5vw;
    transition:width 0.5s ease;
}

.sliderbox .indicator.style_03 i:first-child {
    margin-left: 0;
}

.sliderbox .indicator.style_03 i.selected {
    width:3vw;
    background-color: #FFF;
}