Merge branch 'dev_course' of https://bdgit.educoder.net/Hjqreturn/educoder into dev_course
commit
33b6726e95
@ -0,0 +1,366 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
body{
|
||||
font-size:14px;}
|
||||
p{
|
||||
margin:0;
|
||||
}
|
||||
.fs13{
|
||||
font-size:13px;
|
||||
}
|
||||
.fs16{
|
||||
font-size:16px;
|
||||
}
|
||||
.position-relative{
|
||||
position:relative;
|
||||
}
|
||||
.text-center{
|
||||
text-align:center;
|
||||
}
|
||||
.bdc{
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
.plr15{
|
||||
padding:0 15px;
|
||||
}
|
||||
.pd10{
|
||||
padding:10px;
|
||||
}
|
||||
.pbt10{
|
||||
padding:10px 0;
|
||||
}
|
||||
.pbt5{
|
||||
padding:5px 0;
|
||||
}
|
||||
.mbt20{
|
||||
margin: 20px 0;
|
||||
}
|
||||
.mb10{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mt8{
|
||||
margin-top:8px;
|
||||
}
|
||||
.mbt10{
|
||||
margin: 10px 0;
|
||||
}
|
||||
.pull-right{
|
||||
float:right;
|
||||
}
|
||||
.line-34{
|
||||
line-height:34px;
|
||||
}
|
||||
.pull-left{
|
||||
float:left;
|
||||
}
|
||||
.text-orange{
|
||||
color: #FC7033;
|
||||
}
|
||||
.text-red{
|
||||
color:#ff3756;
|
||||
}
|
||||
.text-green{
|
||||
color: #29BD8B;
|
||||
}
|
||||
.bgc{
|
||||
background-color:rgb(250, 250, 250);
|
||||
}
|
||||
.text-black{color:#333;}
|
||||
.flex-nowrap{
|
||||
display:flex;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.text-blue{
|
||||
color:#1890ff;
|
||||
}
|
||||
.text-gray{
|
||||
color:#999 !important;
|
||||
}
|
||||
.mlr5{
|
||||
margin:0 5px;
|
||||
}
|
||||
.ml20{
|
||||
margin-left:20px;
|
||||
}
|
||||
.mr3{
|
||||
margin-right:3px;
|
||||
}
|
||||
.mr15{
|
||||
margin-right:15px;
|
||||
}
|
||||
.main-height{
|
||||
min-height:60px !important;
|
||||
}
|
||||
.null-answer{
|
||||
background: #eee;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
padding: 8px 10px;
|
||||
border-radius: 2px;
|
||||
white-space: normal;
|
||||
min-height:12px;
|
||||
}
|
||||
.choose-radio{
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #d9d9d9;
|
||||
background-color: #fff;
|
||||
vertical-align: middle;
|
||||
margin: 0 5px 5px 0 ;
|
||||
}
|
||||
.choose-checkbox{
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius:2px;
|
||||
border: 1px solid #d9d9d9;
|
||||
background-color: #fff;
|
||||
vertical-align: middle;
|
||||
margin: 0 5px 5px 0 ;
|
||||
}
|
||||
.ques-title p:first-child{
|
||||
display:inline-block;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.choose-answer{
|
||||
position: relative;
|
||||
border-color: #1890ff;
|
||||
}
|
||||
.choose-answer:after{
|
||||
position: absolute;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
border-radius: 8px;
|
||||
display: table;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
content: " ";
|
||||
background-color: #1890ff;
|
||||
}
|
||||
.choose-answer-multi{
|
||||
background-color: #1890ff;
|
||||
border-color: #1890ff;
|
||||
position: relative;
|
||||
width:12px;
|
||||
height: 12px;
|
||||
}
|
||||
.choose-answer-multi:after{
|
||||
content: "\2713";
|
||||
color:#fff;
|
||||
height: 9px;
|
||||
width: 7px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
bottom: 6px;
|
||||
/*left: 1px;*/
|
||||
}
|
||||
|
||||
.line-line {
|
||||
width:15px;
|
||||
height: 7px;
|
||||
border-radius:6px;
|
||||
margin-right:5px;
|
||||
display:inline-block;
|
||||
}
|
||||
.bd-ee{
|
||||
border:1px solid #eee;
|
||||
padding:5px;
|
||||
}
|
||||
.bg-red{
|
||||
background-color:#ff3756;
|
||||
}
|
||||
.bg-orange{
|
||||
background-color:#FC7033;
|
||||
}
|
||||
.bg-green{
|
||||
background-color:#29BD8B;
|
||||
}
|
||||
.bg-gray{
|
||||
background-color: #ccc;
|
||||
}
|
||||
.bg-e{
|
||||
background-color:#eee;
|
||||
}
|
||||
.right-status{
|
||||
width:28px;
|
||||
height:28px;
|
||||
border-radius: 50%;
|
||||
text-align:center;
|
||||
margin:5px 3px;
|
||||
}
|
||||
.right-status span{
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
line-height: 28px;
|
||||
}
|
||||
.inline-block{
|
||||
display:inline-block;
|
||||
}
|
||||
.circle-review{
|
||||
width:12px;
|
||||
height:12px;
|
||||
border-radius: 50%;
|
||||
border:1px solid #ccc;
|
||||
margin-right:5px;
|
||||
display:inline-block;
|
||||
}
|
||||
.bd-radius{
|
||||
border:1px solid #ccc
|
||||
}
|
||||
.user-score{
|
||||
float:right;
|
||||
}
|
||||
.circle-score{
|
||||
width:14px;
|
||||
height:14px;
|
||||
border-radius:50%;
|
||||
position: relative;
|
||||
display:inline-block;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.circle-wrong:after{
|
||||
color:#fff;
|
||||
content: "\2715";
|
||||
height: 7px;
|
||||
width: 7px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
bottom: 9px;
|
||||
left: 3px;
|
||||
}
|
||||
.circle-right:after{
|
||||
color:#fff;
|
||||
content: "\2713";
|
||||
height: 7px;
|
||||
width: 7px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
bottom: 9px;
|
||||
left: 0;
|
||||
}
|
||||
table{
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
table, tr, td, th, tbody, thead, tfoot,textarea{
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
table th{
|
||||
padding:10px 0;
|
||||
}
|
||||
table td{
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.shixun-detail td{
|
||||
border:1px solid #eee;
|
||||
}
|
||||
.code_content_show{
|
||||
width:95%;
|
||||
height:100%;
|
||||
line-height:1.8;
|
||||
border:none;
|
||||
padding-left:10px;
|
||||
resize:none;
|
||||
overflow: hidden;
|
||||
}
|
||||
.test-code{
|
||||
position: relative;
|
||||
width:100%;
|
||||
display:inline-block;
|
||||
}
|
||||
.line-no{
|
||||
width: 28px;
|
||||
display: inline-block;
|
||||
}
|
||||
.line-no p{
|
||||
line-height:1.8;
|
||||
text-align: center;
|
||||
color:#999;
|
||||
}
|
||||
.pull-left{
|
||||
float:left;
|
||||
}
|
||||
.avatar-32{
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:50%;
|
||||
}
|
||||
.ml38{
|
||||
margin-left:38px;
|
||||
}
|
||||
/*.shixun-detail{*/
|
||||
/*max-height:100%;*/
|
||||
/*}*/
|
||||
textarea{
|
||||
width:100%;
|
||||
resize:none;
|
||||
border:none;
|
||||
background-color:#eee;
|
||||
line-height:2;
|
||||
}
|
||||
.max-100{
|
||||
max-width:100%;
|
||||
}
|
||||
.width100{
|
||||
width:100%;
|
||||
word-break:normal;
|
||||
}
|
||||
.clearfix{
|
||||
clear:both;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="mbt20 bgc">
|
||||
<div class="ex-scores pd10 text-gray fs13 ">
|
||||
<p class="clearfix">
|
||||
<span class="mr15">
|
||||
单选题<span class="mlr5">5</span>题,共<span class="mlr5">10</span>分
|
||||
</span>
|
||||
<span class="mr15">
|
||||
单选题<span class="mlr5">5</span>题,共<span class="mlr5">10</span>分
|
||||
</span>
|
||||
<span class="mr15">
|
||||
单选题<span class="mlr5">5</span>题,共<span class="mlr5">10</span>分
|
||||
</span>
|
||||
<span class="mr15">
|
||||
单选题<span class="mlr5">5</span>题,共<span class="mlr5">10</span>分
|
||||
</span>
|
||||
<span class="pull-right">
|
||||
共<span class="text-orange mlr5">10</span>分
|
||||
</span>
|
||||
<span class="mr15 pull-right">
|
||||
合计<span class="text-blue mlr5">20</span>题
|
||||
</span>
|
||||
|
||||
|
||||
</p>
|
||||
<!--<div class="pull-left inline-block">-->
|
||||
<!--<span class="mr15">单选题<span class="mlr5">5</span>题,-->
|
||||
<!--共<span class="mlr5">10</span>分</span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="pull-right">合计<span class="text-blue mlr5">20</span>题,-->
|
||||
<!--共<span class="text-orange mlr5">111</span>分-->
|
||||
<!--</div>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in new issue