#div_book_group {
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
}

.div_book_item {
	position:relative;
	margin:8px;
	border-radius:4px;
	background:#FFFFFF;
	height:160px;
	box-shadow:2px 2px 2px #C0C0C0;
}

.div_book_code {
	position:absolute;
	top:8px;
	left:8px;
	right:8px;
	color:#A0A0A0;
	font-size:14px;
	text-align:left;
}

.div_book_title {
	position:absolute;
	top:40px;
	left:8px;
	right:8px;
	color:#0090FF;
	font-size:16px;
	line-height:36px;
	text-align:left;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

.div_book_stats_group {
	position:absolute;
	top:80px;
	left:8px;
	right:8px;
	bottom:8px;
}

.div_book_stats_item {
	position:relative;
	float:left;
	width:50%;
	height:36px;
	color:#A0A0A0;
	font-size:14px;
	line-height:36px;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

#div_question_group {
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
}

.div_question_item {
	position:relative;
	margin:0 8px;
	height:36px;
	border-bottom:#E0E0E0 1px solid;
	background:#FFFFFF;
	color:#A0A0A0;
	line-height:36px;
	text-align:center;
}

.div_question_code {
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:36px;
	color:#A0A0A0;
	font-size:14px;
	line-height:36px;
	text-align:right;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

.div_question_title {
	position:absolute;
	top:0;
	left:24px;
	right:32px;
	height:36px;
	color:#808080;
	font-size:14px;
	line-height:36px;
	text-align:left;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

.div_question_correct {
	position:absolute;
	top:6px;
	right:6px;
	width:24px;
	height:24px;
	background:url(../icon/correct.png);
	background-size:100%;
}

.div_question_wrong {
	position:absolute;
	top:6px;
	right:6px;
	width:24px;
	height:24px;
	background:url(../icon/wrong.png);
	background-size:100%;
}

.div_nav {
	position:absolute;
	z-index:5;
	left:0;
	right:0;
	bottom:0;
	height:40px;
	background:#FFFFFF;
}

.div_nav_left {
	display:none;
	position:absolute;
	box-sizing:border-box;
	left:0;
	top:2px;
	width:100px;
	height:38px;
	padding-left:40px;
	font-size:14px;
	color:#0090FF;
	line-height:38px;
	text-align:left;
}

.div_nav_right {
	display:none;
	position:absolute;
	box-sizing:border-box;
	top:2px;
	right:0;
	width:100px;
	height:38px;
	padding-right:40px;
	font-size:14px;
	color:#0090FF;
	line-height:38px;
	text-align:right;
}

.div_nav_center {
	position:absolute;
	box-sizing:border-box;
	left:100px;
	right:100px;
	top:8px;
	height:24px;
	border-left:#E0E0E0 1px solid;
	border-right:#E0E0E0 1px solid;
	font-size:14px;
	color:#808080;
	line-height:24px;
	text-align:center;
}

.div_nav_prev {
	position:absolute;
	left:12px;
	top:12px;
	width:16px;
	height:16px;
	background:url(../icon/prev.png);
	background-size:100%;
}

.div_nav_next {
	position:absolute;
	right:12px;
	top:12px;
	width:16px;
	height:16px;
	background:url(../icon/next.png);
	background-size:100%;
}

.div_nav_bar {
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:2px;
	background:#E8E8E8;
}

.div_nav_progress {
	position:absolute;
	left:0;
	top:0;
	height:2px;
	width:40%;
	background:#0090FF;
}

.swipe { 
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	left:0;
	right:0;
	top:40px;
	bottom:40px;
}

.swipe-wrap { 
	overflow: hidden; 
	position: relative;
	height:100%;
}
	
.div_answer_frame {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	background:#F0F0F0;
}

.div_answer_start {
	position:relative;
	float:left;
	width:100%;
	height:100%;
}

.div_answer_question {
	position:relative;
	margin:6px 10px 16px 10px;
	border-bottom:#E0E0E0 1px solid;
	padding:8px 0;
	color:#606060;
	font-size:14px;
	line-height:18px;
}

.div_answer_off {
	position:relative;
	margin:12px 10px;
	border-radius:2px;
	background:#FFFFFF;
	color:#808080;
	font-size:14px;
	padding:8px 6px 8px 28px;
	line-height:16px;
}

.div_answer_on {
	position:relative;
	margin:12px 10px;
	border-radius:2px;
	background:#FFFFFF;
	color:#0090FF;
	font-size:14px;
	padding:8px 6px 8px 28px;
	line-height:16px;
}

.div_index_off {
	position:absolute;
	left:6px;
	top:8px;
	width:16px;
	height:16px;
	border-radius:2px;
	background:#C0C0C0;
	color:#FFFFFF;
	font-size:14px;
	line-height:16px;
	text-align:center;
}
	
.div_index_on {
	position:absolute;
	left:6px;
	top:8px;
	width:16px;
	height:16px;
	border-radius:2px;
	background:#0090FF;
	color:#FFFFFF;
	font-size:14px;
	line-height:16px;
	text-align:center;
}

.div_answer_finish {
	position:relative;
	margin-top:100px;
	color:#A0A0A0;
	font-size:14px;
	text-align:center;
	line-height:40px;
}

.img_question_photo {
	display:block;
	position:relative;
	margin:10px auto;
	width:96%;
}	


/********** POP **********/

.div_pop {
	display:none;
	position:fixed;
	z-index:10;
	left:0;
	right:0;
	top:0;
	bottom:0;
	max-width:420px;
	background:rgba(0,0,0,0.6);
}

.div_pop_area {
	position:absolute;
	left:40px;
	right:40px;
	top:120px;
	height:200px;
	border:#E0E0E0 1px solid;
	border-radius:4px;
	background:#FFFFFF;
}

.input_pop_textarea {
	display:block;
	position:relative;
	margin:10px auto;
	width:80%;
	height:100px;
	border-radius:2px;
	border:#E0E0E0 1px solid;
	background:#F8F8F8;
	padding:1px;
	color:#606060;
	font-size:14px;
	line-height:20px;
	-webkit-appearance:none;
	outline:none;
	resize:none;
}

.div_pop_button {
	position:relative;
	overflow:hidden;
}