.zndypup .scrollBox .zl-scrollBarBox {
	height: 100%;
	background: #fff;
	width:12rem;
	margin:0.3rem auto 0;
	height:18px;
	transform:skew(22deg);
	border:2px #fff solid;
}
.zndypup .scrollBox .zl-scrollBar {
	position: absolute;
	left: 0;
	top: 0;
	background: #c30e2e;
	z-index:5;
	cursor: pointer;
}
.zndypup .scrollBox .zl-scrollBar:before{
 content:""; 
 display:block; width:100%; height:0.45rem;  background:url(../images/40th.gif) no-repeat; background-size:100%; margin:-0.45rem auto;
}


.zndypup .scrollBox .zl-scrollBar.zl-verticalBar {
	min-height: 10px
}
.zndypup .scrollBox .zl-scrollBar.zl-horizontalBar {
	min-width: 10px
}
.zndypup .scrollBox .zl-scrollContentDiv {
	position: relative!important;
	width: 100%!important;
	height: 100%!important;
	padding: 0!important;
	margin: 0!important;
	top: 0;
	left: 0
}
.zndypup .scrollBox{ padding-bottom:0.6rem;}
.zndypup .scrollBox .blackbgs{ width:0; height:100%; position:absolute; background:#000;}
.zndypup .zl-scrollBar:after{content:""; display:block;  width:200%; height:1rem; background:url(../images/p3/dragtips.png) no-repeat; background-size:100%; position:absolute; bottom:0; left:0; transform:translate(0,100%);}


.scrollBoxpup .zl-scrollBarBox {
	height: 100%;
	position: absolute;
	background: #f3f3f3
}
.scrollBoxpup .zl-scrollBar {
	position: absolute;
	left: 0;
	top: 0;
	background: #848484;
	transition: background .3s
}
.scrollBoxpup .zl-scrollBar.zl-verticalBar {
	min-height: 10px
}
.scrollBoxpup .zl-scrollBar.zl-horizontalBar {
	min-width: 10px
}
.scrollBoxpup .zl-scrollBar:hover {
	background: #000
}
.scrollBoxpup .zl-scrollContentDiv {
	position: relative!important;
	width: 100%!important;
	height: 100%!important;
	padding: 0!important;
	margin: 0!important;
	top: 0;
	left: 0
}