
.clearout {height:20px;clear:both;}
.nbs-flexisel-container {position:relative;max-width:100%;margin-top: 1rem;}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
	padding:0;
}

.nbs-flexisel-item {
    float:left;
    margin:0;
    padding:0;
    position:relative;
    line-height:0px;
}

.nbs-flexisel-item .catitem{width: calc(94% - .2rem);margin: 1rem 3%;}


/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	cursor:pointer;
    padding:1rem;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: calc(50% - 1rem);
	filter: grayscale(1);
	box-shadow: 0px 5px 5px -5px rgb(34 60 80 / 60%);
	background: url(../img/icon/rarrw.svg) center no-repeat;
	background-size:1.6rem;
	width:1.6rem;
	height:1.6rem;
	opacity:0;
	transition: opacity 0.3s, transform 0.3s;
	border: .2rem solid #fff;
}

.nbs-flexisel-nav-left:hover, .nbs-flexisel-nav-right:hover {background-color:#3883ff;border: .2rem solid #3883ff;}
.nbs-flexisel-inner:hover .nbs-flexisel-nav-left, .nbs-flexisel-inner:hover .nbs-flexisel-nav-right{opacity:1}

.nbs-flexisel-nav-left {left:0;transform: scale(-1, 1);}
.nbs-flexisel-nav-left.disabled {opacity: 0.4;}
.nbs-flexisel-nav-right {right: 0;}
.nbs-flexisel-nav-left:hover, .nbs-flexisel-nav-right:hover {filter: grayscale(0);opacity:1}
.nbs-flexisel-nav-right.disabled {opacity: 0.4;}
