.sdl-top-banner 
{
    position: relative;
    height: 141px;
    background: #ccc url(../img/banner.jpg) no-repeat top center / 100% 100%;
}
.sdl-scan,
.sdl-search
{
	position: absolute;
	top: 10px;
	width: 24px;
	height: 24px;
	background: url(../img/search.png) no-repeat center center;
}
.sdl-scan
{
	left: 10px;
	display: none;
}
.sdl-search
{
	right: 10px;
}
.sdl-scan img,
.sdl-search img
{
	width: 100%;
	height: 100%;
	display: block;
}
.sdl-book-funcs 
{
    height: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sdl-book-funcs > div
{
	flex: 1;
	height: 100%;
    flex-flow: column;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}
.sdl-scan-borrow 
{
    display: none !important;
}
.sdl-image 
{
    height: 130px;
    position: relative;
    overflow: hidden;
}
.swiper-slide
{
	text-align: center;
	background: #eeeff4;
}
.swiper-slide img
{
	width: 100%;
	height: 100%;
}
.swiper-pagination-bullet-active 
{
    opacity: 1;
    background: #04BE02;
}
.sdl-user-funcs > div
{
	width: 25%;
	float: left;
	display: flex;
    flex-flow: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 90px;
}
.sdl-img 
{
    width: 28px;
    height: 28px;
    margin: 0 0 10px 0;
}
.sdl-img img 
{
    display: block;
    /*width: 100%;*/
    height: 100%;
}
.sdl-user-funcs 
{
    overflow: hidden;
    padding: 15px 0 0 0;
}
.sdl-user-funcs .sdl-img 
{
    width: 38px;
    height: 38px;
    margin: 0 0 10px 0;
}