.sxlop{
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	overflow: hidden;
	position: relative;
}
.sxlop.active_set{
	height:auto;
	padding-bottom: 35px;
}

.sxlop_set_show,.sxlop_set_hide{
	background: #ffffff;
    bottom: 0;
    left: 0;
    color: #333;
    padding: 8px 0;
    position: absolute;
    text-align: center;
		width: 100%;
		line-height: 1;
		font-size: 15px;
		height: auto;
		z-index: 2;
}
.sxlop_set_show>span,.sxlop_set_hide>span{
cursor: pointer;
border-bottom: 1px dashed #333;
}
.sxlop_set_show>span:hover,.sxlop_set_hide>span:hover{
border-bottom: 1px dashed transparent;	
}
.sxlop_set_show{
display:block;
}
.sxlop_set_hide{
display:none;
}
.sxlop.active_set .sxlop_set_hide{
display:block;
}
.sxlop.active_set .sxlop_set_show{
display:none;
}
.sxlop.active_y:before {
	display:block;
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 80%;
	max-height:120px;
    pointer-events: none;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
}
.sxlop.active_y.active_set:before{
	display:none;
}