<! doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>css</title>
<style type="text/css">
.font-12{
font-size: 12px;
}
.theme-text-main {
color: #2976ea;
}
.theme-text-gray8 {
color: #888888;
}
.pull-left{
float: left;
}
.pull-right{
float: right;
}
.m-l-10{
margin-left: 10px;
}
.m-b-10{
margin-bottom: 10px;
}
.paper-box {
width: 842px;
margin: 0 auto;
color:#333333;
}
/*试卷顶部区域 */
.box-top{
height: 35px;
padding-top: 21px;
font-size: 14px;
text-align: center;
border-bottom: 1px solid #eee;
}
/*试卷内容区域 */
.paper-content-box{
padding: 40px 10px 20px;
color: #333;
font-size: 14px;
}
.paper-title{
text-align: center;
font-size: 18px;
padding: 0 0 36px 0;
}
.item-question{
border-bottom: 1px dashed #eeeeee;
padding-bottom: 20px;
padding-top: 20px;
}
.item-question:last-child{
border-bottom: none;
}
.questions-top{
overflow: hidden;
width: 100%;
}
.score-img {
height: 14px;
width: 14px;
display: block;
float: left;
margin: 2px 5px 0 0;
}
.questions-number{
width: 25px;
float: left;
}
.questions-title{
width: 410px;
float: left;
}
.questions-score{
float: right;
width: 135px;
}
.questions-img{
padding: 20px 0 0 35px;
overflow:hidden;
}
.qimgitem{
width: 80px;
height: 80px;
padding-right: 6px;
float: left;
overflow: hidden;
}
.img-danxuan{
width: 17px;
height: 17px;
float: left;
}
.questions-options{
padding: 20px 0 0 35px;
font-size: 0;
overflow: hidden;
}
.item-option{
width:45%;
padding-right: 20px;
padding-bottom: 20px;
overflow: hidden;
float: left;
}
.item-option02{
width:10%;
padding-right: 20px;
padding-bottom: 20px;
overflow: hidden;
float: left;
}
.option-img{
width: 40px;
height: 40px;
border-radius: 5px;
margin-left: 8px;
float: left;
}
.option-content{
display:inline-block;
font-size: 14px;
padding-left: 8px;
}
.questions-anwser{
font-size: 14px;
margin-top: 10px;
margin-left: 35px;
word-break: break-all;
word-wrap: break-word;
}
.questions-resolve{
margin-top: 10px;
margin-left: 35px;
word-break: break-all;
word-wrap: break-word;
}
.essay-answer{
height: 36px;
line-height: 36px;
padding: 0 12px;
max-width: 100%;
min-width: 500px;
background-color: #eeeeee;
border: 1px solid #dddddd;
margin-top: 20px;
margin-left: 35px;
border-radius: 2px;
overflow: hidden;
display:inline-block;
}
.item-keyword{
height: 18px;
line-height: 18px;
border: 1px solid #dddddd;
border-radius: 4px;
font-size: 12px;
/* width: 30%; */
overflow: hidden;
margin-left: 10px;
float: left;
}
.keywords-box{
margin-left: 35px;
margin-top: 10px;
color: #999999;
overflow: hidden;
}
.keyword-text{
display: block;
/* width: 78%; */
text-align: center;
float: left;
}
.keyword-per{
display: block;
width: 36px;
text-align: center;
float: right;
border-left: 1px solid #dddddd;
}
.voice-items{
margin-top: 20px;
margin-left: 35px;
overflow: hidden;
}
.item-voice{
width: 200px;
height: 32px;
border: 1px solid #c4cfdc;
background: #f0eff5;
border-radius: 34px;
border-top-left-radius: 0;
padding-left: 15px;
float: left;
}
.voice-icon{
height: 15px;
width: 15px;
margin-top: 8px;
}
.voice-seconds {
position: absolute;
line-height: .68px;
margin-left: 8px;
margin-top: 16px;
color: #a2aab6;
float: left;
}
.essay-imgs{
padding: 20px 0 0 35px;
overflow: hidden;
}
.essay-imgitem{
width: 80px;
height: 80px;
border-radius: 5px;
padding-right: 6px;
padding-bottom: 6px;
float: left;
}
</style>
</head>
<body>
<div class="paper-box">
<!-- 顶部信息 -->
<div class="box-top">
<img width="14" height="13" src="{{yonghu}}" alt="">
<span>答题人:</span>
<span>{{username}}</span>
<img width="14" height="13" src="{{jianqieban}}" alt="">
<span>总得分:</span>
<span class="theme-text-main">{{my_score}}分</span>
<img width="14" height="13" src="{{bi}}" alt="">
{{name}}
</div>
<!-- 试卷信息 -->
<div class="paper-content-box">
<div class="paper-title">{{ep_name}}</div>
<!-- 单选题 -->
{{topic_list}}
</div>
</div>
</body>
</html>