#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;
|
}
|
