zxhx
/
xiaoben-as2-php


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>英语个性化学习宝周推送</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <style>
        <?php $imgUrl = Yii::app()->request->hostInfo;?>
        /* http://meyerweb.com/eric/tools/css/reset/
           v2.0 | 20110126
           License: none (public domain)
        */

        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed,
        figure, figcaption, footer, header, hgroup,
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }
        /* HTML5 display-role reset for older browsers */
        article, aside, details, figcaption, figure,
        footer, header, hgroup, menu, nav, section {
            display: block;
        }
        body {
            line-height: 1;
        }
        ol, ul {
            list-style: none;
        }
        blockquote, q {
            quotes: none;
        }
        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        .fl{float:left}
        .fr{float:right}
        .alignRight{text-align:right;}
        .alignCenter{text-align: center}
        .clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
        .clearfix {*zoom:1; }


        /*reading.css*/
        @charset "UTF-8";
        .fontBass, .pdf-content .topic .topic-main p,
        .pdf-content .topic .topic-main div,
        .pdf-content .topic .topic-main span {
            font-family: "Times New Roman", 'SimSun' !important;
            font-size: 9pt !important;
            line-height: 1.5em !important;
            color: #030000 !important;
            text-autospace: none !important;
            text-justify: none !important;
            font-style: normal !important;
            text-align: justify !important;
        }

        .highlight-a {
            color: #ea4f31;
        }

        .highlight-b {
            color: #003b86;
        }

        .YaHei, .pdf-B5 .pdf-footer .left .paper-number, .pdf-content .topic .topic-msg {
            font-family: 'Microsoft YaHei';
        }

        .ST, .pdf-B5 .pdf-footer .left .text, .pdf-B5 .pdf-footer .right p:last-child, .pdf-content .topic .topic-number {
            font-family: '宋体', 'SimSun';
        }

        .mgt {
            margin-top: 1mm;
        }

        .table {
            margin-top: 1mm;
            width: 100%;
            text-align: center;
            border-left: 1px solid #ccc;
            border-top: 1px solid #ccc;
        }

        .table td {
            padding: 2px;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
        }

        .font-text {
            font-size: 10.5pt !important;
        }

        .pdf-B5 {
            max-width: 155.7mm;
            font-family: 'Times New Roman', 'SimSun';
            font-size: 9pt;
            padding-left: 6mm;
            padding-right: 6mm;
            color: #030000;
        }

        .pdf-B5 .pdf-header {
            line-height: 8.6mm;
            border-bottom: 2px solid #003b86;
            font-size: 8.16pt;
            font-weight: bold;
            font-family: '宋体', 'SimSun';
            color: #000;
        }

        .pdf-B5 .pdf-header .pdf-header-logo {
            height: 6.2mm;
            vertical-align: middle;
        }

        .pdf-B5 .pdf-header .center {
            width: 40%;
            text-align: center;
        }

        .pdf-B5 .pdf-header .left,
        .pdf-B5 .pdf-header .right {
            width: 30%;
        }

        .pdf-B5 .pdf-header .right {
            text-align: right;
        }

        .pdf-B5 .pdf-content {
            padding-bottom: 2mm;
        }

        .pdf-B5 .pdf-footer {
            line-height: 8.6mm;
            border-top: 2px solid #003b86;
        }

        .pdf-B5 .pdf-footer .left {
            width: 25%;
            font-size: 6.24pt;
        }

        .pdf-B5 .pdf-footer .left .paper-number {
            display: inline-block;
            width: 8.4mm;
            height: 4.4mm;
            line-height: 3.8mm;
            color: #fff;
            text-align: center;
        }

        .pdf-B5 .pdf-footer .left .text {
            display: inline-block;
            margin-left: 2mm;
        }

        .pdf-B5 .pdf-footer .right {
            padding-top: 2mm;
            width: 70%;
        }

        .pdf-B5 .pdf-footer .right p {
            line-height: 3.4mm;
        }

        .pdf-B5 .pdf-footer .right p:first-child {
            font-size: 6.24pt;
        }

        .pdf-B5 .pdf-footer .right p:last-child {
            font-size: 5.76pt;
        }

        .pdf-content .topic .topic-number {
            margin-top: 3.2mm;
            margin-bottom: 3.2mm;
            font-size: 12.96pt;
            font-weight: bold;
            text-align: center;
            color: #fff;
        }

        .pdf-content .topic .topic-msg {
            height: 7.4mm;
            line-height: 7.4mm;
            width: 100%;
            font-size: 8.5pt;
            font-weight: bold;
            color: #003b86;
            background-color: #eff5fb;
            text-align: center;
        }

        .pdf-content .topic .topic-msg > span {
            margin-right: 4mm;
        }

        .pdf-content .topic .topic-msg > span:last-child {
            margin-right: 0;
        }

        .pdf-content .topic .topic-main {
            margin-top: 2mm;
            line-height: 1.5em;
            font-size: 9pt;
            text-indent: 2em;
        }

        .pdf-content .topic .min-topic-block {
            line-height: 1.5em;
            font-size: 9pt;
            margin-top: 2mm;
        }

        .pdf-content .topic .min-topic-block .min-topic {
            margin-top: 5mm;
        }

        .pdf-content .topic .min-topic-block .min-topic .min-topic-content {
            page-break-inside: avoid;
        }

        .pdf-content .topic .min-topic-block .min-topic .min-topic-content > p {
            display: inline;
        }

        .pdf-content .topic .min-topic-block .sort-list > li {
            margin-bottom: 2mm;
        }

        .pdf-content .topic .min-topic-block .sort-list > li i {
            display: inline-block;
            width: 4mm;
        }

        .pdf-content .topic .min-topic-block .sort-list > li .option-list {
            width: 85%;
            display: -webkit-inline-box;
            display: -moz-inline-box;
            display: -ms-inline-flexbox;
            display: -webkit-inline-flex;
            display: inline-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -moz-box-pack: space-between;
        }

        .pdf-content .topic .min-topic-block .sort-list > li .option-list li {
            width: 25%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }

        .pdf-content .topic .option {
            page-break-inside: avoid;
        }

        .pdf-content .topic .option li p {
            display: inline;
        }

        .pdf-content .topic .col-1 li {
            width: 100% !important;
        }

        .pdf-content .topic .col-2 li {
            width: 50% !important;
        }

        .pdf-content .topic .col-4 li {
            width: 25% !important;
        }

        .reference-answer {
            font-size: 8.5pt;
        }

        .reference-answer .reference-answer-title {
            margin-top: 3mm;
            text-align: center;
        }

        .reference-answer .reference-answer-title img {
            width: 39mm;
        }

        .reference-answer .answer-wrap .answer-title {
            display: inline-block;
            color: #dd4e33;
        }

        .reference-answer .answer-wrap .answer-block {
            display: inline-block;
        }

        .reference-answer .answer-wrap .answer-block .answer {
            margin-right: 3mm;
            font-weight: bold;
        }

        .reference-answer .answer-wrap .col-2 span {
            display: inline-block;
            width: 48%;
        }

        .reference-answer .analysis-wrap {
            margin-top: 2mm;
            margin-bottom: 2mm;
        }

        .reference-answer .analysis-wrap .analysis-title {
            margin-bottom: 1mm;
            color: #003b86;
            display: inline;
        }

        .reference-answer .analysis-wrap .analysis,
        .reference-answer .analysis-wrap p {
            line-height: 4mm;
        }

        .reference-answer .analysis-wrap .analysis {
            display: inline;
        }

        .reference-answer .analysis-wrap .analysis p {
            display: inline;
        }

        .reference-answer .module-icon {
            position: relative;
            min-height: 5mm;
            margin-top: 2mm;
            margin-bottom: 2mm;
            overflow: hidden;
        }

        .reference-answer .module-icon .pic,
        .reference-answer .module-icon .txt {
            float: left;
            width: 5mm;
            height: 5mm;
            margin-right: 1mm;
            background: #003b86;
            border: 2px solid #003b86;
            color: #fff;
            box-sizing: border-box;
        }

        .reference-answer .module-icon .pic {
            display: block;
            text-align: center;
        }

        .reference-answer .module-icon .pic img {
            width: 2.9mm;
            height: 3.6mm;
        }

        .reference-answer .module-icon .txt {
            font-size: 8.16pt;
            text-align: center;
            line-height: 5mm;
        }

        .reference-answer .module-icon em {
            float: left;
            height: 5mm;
            line-height: 5mm;
            padding: 0 1.7mm;
            background: #fff;
            border: 2px solid #003b86;
            color: #003b86;
            font-size: 8.16pt;
            box-sizing: border-box;
        }

        .reference-answer .module-icon .img-module-title {
            width: 21mm;
        }

        .reference-answer .question-type-mod-content .word-mean-item {
            overflow: hidden;
            line-height: 5mm;
        }

        .reference-answer .question-type-mod-content .word-mean-item em {
            float: left;
            width: 23mm;
            font-weight: bold;
        }

        .reference-answer .question-type-mod-content .word-mean-item .text {
            float: left;
            width: calc(100% - 23mm);
        }

        .reference-answer .syntactic-analysis {
            line-height: 4.2mm;
        }

        .reference-answer .syntactic-analysis .syntactic-analysis-item {
            margin-top: 2mm;
            text-align: justify;
        }

        .reference-answer .syntactic-analysis .syntactic-analysis-item > p p {
            display: inline;
        }

        .reference-answer .syntactic-analysis .syntactic-analysis-item .highlight-b {
            font-weight: bold;
        }


    </style>
    <style>
        .pdf-B5 {
            background: url(<?php echo $imgUrl.'/images/en_reading/bg-watermark.png';?>);
            background-repeat: repeat-y;
            background-size: 100%;
        }

        .paper-number {
            background: url(<?php echo $imgUrl.'/images/en_reading/bg-paper-number.png';?>) no-repeat;
            background-size: 8.4mm;
        }

        .topic .topic-number .bg-wrap {
            display: inline-block;
            width: 22.2mm;
            height: 6.8mm;
            padding-left: 2.6mm;
            line-height: 5.8mm;
            background: url(<?php echo $imgUrl.'/images/en_reading/bg-topic-number.png';?>) no-repeat;
            background-size: 22.2mm 6.8mm;

        }
    </style>

</head>

<body>

<!-- 内容开始 -->
<div class="pdf-B5">

    <!-- 外刊阅读 -->

    <?php if($all_topics):?>
        <div class="pdf-content">
            <?php foreach($all_topics as $spr_key=>$topic_id):?>

                <?php
                    $topic_detail = isset($reading_detail[$topic_id]) ? $reading_detail[$topic_id] : array();
                    $isp_content = isset($topic_detail['isp_talk_group']) ? $topic_detail['isp_talk_group'] : '';
                    $genres = isset($topic_detail['genres']) ? $topic_detail['genres'] : '';


                    $syntax_parse = isset($topic_detail['syntax_parse']) ? $topic_detail['syntax_parse'] : array();
                    $keyword_expand = isset($topic_detail['keyword_expand']) ? $topic_detail['keyword_expand'] : '';
                    $isp_content_arr = array_unique(explode(' ',$isp_content));
                ?>
                <?php if($topic_detail):?>
                    <section class="topic">
                        <h2 class="topic-number">
                            <span class="bg-wrap"><?php echo chr(65+$spr_key);?></span>
                        </h2>
                        <div class="topic-msg">
                            <span>主题语境：<?php echo reset($isp_content_arr);?></span>
                            <span>体裁：<?php echo $genres;?></span>
                            <span>语篇等级：<em class="highlight-a"><?php echo $topic_detail['text_level'];?></em></span>
                            <span><?php echo $topic_detail['topic_id'];?></span>
                        </div>
                        <div class="topic-main">
                            <?php echo $topic_detail['queBody'];?>

                        </div>
                        <?php if($topic_detail['slave'] && $topic_detail['slave']):?>
                            <?php if($topic_detail['type'] == 23) {?>
                                <div class="min-topic-block">
                                    <ul class="sort-list">
                                        <?php foreach($topic_detail['slave'] as $slave_key=>$slave):?>
                                            <li>
                                                <i><?php echo ($slave_key+1).'.';?></i>
                                                <ul class="option-list">
                                                    <?php echo str_replace("class='fl'",'',$slave['options'])?>
                                                </ul>
                                            </li>


                                        <?php endforeach;?>
                                    </ul>
                                </div>
                            <?php }else{?>
                                <?php foreach($topic_detail['slave'] as $slave_key=>$slave):?>
                                    <div class="min-topic-block">
                                        <div class="min-topic">
                                            <!-- 题干 -->
                                            <div class="min-topic-content"><?php echo ($slave_key+1).'.'.$slave['queBody']?></div>
                                            <!-- 选项 -->
                                            <ul class="option clearfix col-1">
                                                <?php echo $slave['options']?>
                                            </ul>
                                        </div>
                                    </div>
                                <?php endforeach;?>
                            <?php }?>
                        <?php endif;?>
                    </section>
                    <div class="reference-answer">
                                <section class="topic">
                                    <h2 class="topic-number">
                                    </h2>
                                    <div class="topic-module-answer">
                                        <div class="answer-wrap">
                                            <span class="answer-title">【答案】</span>
                                            <p class="answer-block">
                                                <?php if(count($topic_detail['answer'])<15){ ?>
												<span class="answer"><?php echo '1~'.count($topic_detail['slave']);?> <?php echo implode('',$topic_detail['answer']);?></span>
												<?php }elseif(count($topic_detail['answer'] == 15)){ ?>
													<span class="answer"><?php
														$all_answer = implode('',$topic_detail['answer']);
														echo '1~5';echo substr($all_answer,0,5);
														echo ' 6~10';echo substr($all_answer,5,5);
														echo ' 11~15';echo substr($all_answer,10,5);
														?>
													</span>
												<?php } ?>
                                            </p>
                                        </div>
                                        <div class="analysis-wrap">
                                            <p class="analysis-title">【解析】</P>
                                            <p class="analysis"><?php echo $topic_detail['analysis'];?></p>
                                        </div>
                                        <?php if($keyword_expand):?>
                                            <div class="module-icon">
                                                <!--                                        <em>词汇积累</em>-->
                                                <img src="<?php echo $imgUrl.'/images/en_reading/img-word-title.png';?>" alt="词汇积累" class="img-module-title">
                                            </div>
                                            <div class="question-type-mod-content">
                                                <div class="word-mean-item">
                                                    <?php echo $topic_detail['keyword_expand'];?>
                                                </div>

                                            </div>
                                        <?php endif;?>
                                        <?php if($syntax_parse):?>
                                            <div class="module-icon">

                                                <!--                                        <em>句法剖析</em>-->
                                                <img src="<?php echo $imgUrl.'/images/en_reading/img-sentence-title.png';?>" alt="词汇积累" class="img-module-title">
                                            </div>
                                            <?php foreach($syntax_parse as $sp_key=>$sp):?>
                                                <div class="syntactic-analysis">
                                                    <div class="syntactic-analysis-item">
                                                        <p class="fwb"><?php echo ($sp_key+1).'. '.$sp['content'];?></p>
                                                        <p><em class="highlight-b">句意：</em><?php echo $sp['mean'];?></p>
                                                        <p><em class="highlight-b">句子分析：</em><?php echo $sp['analysis'];?></p>
                                                    </div>

                                                </div>
                                            <?php endforeach;?>
                                        <?php endif;?>
                                    </div>
                                </section>
                    </div>
                <?php endif;?>
            <?php endforeach;?>
        </div>
    <?php endif;?>

</div>

</body>

</html>