.pagetitle
{
	float:left;
	width:100%;
	height:51px;
	line-height:51px;
	background-color:#f0fef9;
	padding-left:20px;
	border-top:#1cc09f 2px solid;
	border-bottom:#e6e6e6 1px solid;
	border-left:#e6e6e6 1px solid;
	border-right:#e6e6e6 1px solid;
	font-weight: bold;
	font-size: 16px;
}


.listshelf
{
	float: left;
	width: 100%;
	margin-top: 10px;
	border:#eaeaea 1px solid;
}

.bookitem
{
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:#eaeaea 1px solid;
}

.bookitem .bookimage
{
	float: left;
	width: 140px;
	height: 180px;
	margin-left: 5px;
	border: #dddddd 5px solid;
	padding: 2px;
}

.bookitem .bookimage img
{
	float: left;
	width: 100%;
	height: 100%;
}

.bookitem .bookinfo
{
	float: left;
	width: calc(100% - 200px);
	margin-left: 10px;
}

.bookitem .bookinfo ol
{
	float: left;
	width: 100%;
}

.bookitem .bookinfo ol .nameinfo
{
	float: left;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
}

.bookitem .bookinfo ol .nameinfo a
{
	font-weight: bold;
	font-size: 18px;
}

.bookitem .bookinfo ol .authorinfo
{
	float: left;
	width: 50%;
	height: 28px;
	line-height: 28px;
	text-align: left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;		
}

.bookitem .bookinfo ol .statusinfo
{
	float: left;
	width: 50%;
	height: 28px;
	line-height: 28px;
	text-align: left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;		
}

.bookitem .bookinfo ol .updateinfo
{
	float: left;
	width: 50%;
	height: 28px;
	line-height: 28px;
	text-align: left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;		
}

.bookitem .bookinfo ol .shortinfo
{
	float: left;
	width: 100%;
	height: 100px;
	line-height: 24px;
	margin-top: 5px;
	overflow:hidden;
	text-overflow:ellipsis;
}

.bookitem .bookinfo ol .delshelfspan
{
	float: left;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-left: 20px;
	background-color:#ff0000;
	color:#ffffff;
	border-radius: 6px;
	cursor: pointer;
}

.bookitem .bookinfo ol .startreadspan
{
	float: right;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-right: 20px;
	background-color:#ff6600;
	color:#ffffff;
	border-radius: 6px;
	cursor: pointer;
}

.bookitem .bookinfo ol .startreadspan a
{
	float: left;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 6px;
	background-color:#ff6600;
	color:#ffffff;	
	text-decoration: none;
}


.tipsTextspan
{
	display: none;
}


.shelfpages
{
	float: left;
	width: 100%;
	height:40px;
	line-height: 40px;
	margin-top: 10px;
}

.pageturn
{
	float:left;
	width:100%;
	height:40px;
	line-height:40px;
	border-top:#e6e6e6 1px solid;
	background-color:#ffffff;
}

.pageturn .pagegroup
{
	float:right;
	height:40px;
	line-height:40px;
	animation: fadeInLeft 1s ease 1 0s both;
}

.pageturn .pagegroup .pagetotal
{
	float:left;
	padding-left:5px;
	height:40px;
	line-height:40px;
	text-align:left;
}

.pageturn .pagegroup .pagetotal span
{
	float:left;
	height:30px;
	line-height:30px;
	margin-top:5px;
}

.pageturn .pagegroup .pagetotal span.spantotalrow
{
	color:#2f86fd;
	padding-left: 5px;
	padding-right: 5px;
}

.pageturn .pagegroup .pagetotal .pageinput
{
	float:left;
	width:30px;
	height:26px;
	line-height:26px;
	padding-left:3px;
	padding-right:3px;
	margin-top:7px;
	color:#2f86fd;
	border-radius:2px;
	text-align:center;
	border:#e6e6e6 1px solid;
}

.pageturn .pagegroup .pagetotal .pagebutton
{
	float:left;
	width:40px;
	height:26px;
	line-height:24px;
	padding-left:3px;
	padding-right:3px;
	margin-top:7px;
	text-align:center;
	border-radius:2px;
	background-color:#fff;
	border:#e6e6e6 1px solid;
	color:#666666;
}

.pageturn .pagegroup .pagetotal .pageselect
{
	float:left;
	height:26px;
	line-height:26px;
	padding-left:3px;
	padding-right:3px;
	margin-top:7px;
	border:#e6e6e6 1px solid;
}

.pageturn .pagegroup .pagespans
{
	float:left;
	height:40px;
	line-height:40px;
	text-align:right;
}

.pageturn .pagegroup .pagespans ol
{
	float:left;
	min-width:30px;
	height:30px;
	line-height:26px;
	margin-left:5px;
	margin-top:5px;
	border-radius:5px;
	border:#cccccc 1px solid;
	cursor:pointer;
}

.pageturn .pagegroup .pagespans ol span
{
	float:left;
	min-width:28px;
	height:28px;
	line-height:24px;
	text-align:center;
	border-radius:5px;
	padding-left:5px;
	padding-right:5px;
}

.pageturn .pagegroup .pagespans ol span.onspan 
{
	color:#FFF;
	background-color:#2f86fd;
}

.pageturn .pagegroup .pagespans ol span.curspan 
{
	color:#FFF;
	background-color:#2f86fd;
	cursor:default;
}

.pageturn .pagegroup .pagespans ol span.disspan 
{
	background-color:#eeeeee;
	cursor:auto;
}

.pageturn .pagement
{
	float:left;
	height:40px;
	line-height:40px;
}

.pageturn .pagement .menttext
{
	float:left;
	height:40px;
	line-height:40px;
	overflow: hidden;
}

.pageturn .pagement .menttext .txtspan
{
	float:left;
	height:40px;
	line-height:40px;
	margin-right:10px;
}

.pageturn .pagement .menttext .txtspan em
{
	color:#F33;
}

.pageturn .pagement .morespan
{
	float:left;
	width: 50px;
	height:30px;
	line-height:30px;
	cursor: pointer;
	background-color: #26bf8c;
	color:#ffffff;
	text-align: center;
	margin-top: 3px;
	border-radius: 3px;
}