pdf.html 6.14 KB
<! 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>