<template>
  <d2-container class="page">
    
  
<div class="g-doc m-artcle-list"  style="margin-top:0px;padding-top:0px;margin-bottom:10px;padding-bottom:0px;margin-left:0px;padding-left:0px;">
   
    <div class="right-list fr" style="margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;">
        <h3 style="margin-bottom:0px;padding-bottom:0px;">
         <span>通知公告</span> <a href="http://www.gxeea.cn/zxks/tzgg.htm" target="_blank" class="more" id="ptgk" style="cursor:pointer;text-align:right;"><img :src="`${$baseUrl}image/logo/more.png`"  /></a>
        </h3>
      
        <div class="list-content" style="padding-top:10px;padding-bottom:10px;">
            <ul>
            <li v-for="(item) in newsList" :key="item.id">
              <i></i>
              <a v-if="item.more_url" :href="item.more_url" target="_blank" class="x" style="font-size:14px;">{{item.title}}</a>
              <a v-if="!item.more_url" href="http://www.gxeea.cn/zxks/tzgg.htm" target="_blank" class="x" style="font-size:14px;">{{item.title}}</a>
              <img :src="`${$baseUrl}image/logo/new.png`" v-if="item.is_new == 1 " style="margin: 0;padding: 0;vertical-align: top;width:29px;height:12px;"/>
              <img :src="`${$baseUrl}image/logo/top.png`" v-if="item.is_new != 1 && item.topup==1" style="margin: 0;padding: 0;vertical-align: top;width:36px;height:16px;"/>

               <span>{{item.published_at|formatDate('yyyy-MM-dd')}}</span>
            </li>
     
 	 	 	 
	   </ul>
        </div>
        
    </div>
</div>

<div class="g-doc m-artcle-list"  style="margin-top:0px;padding-top:0px;margin-bottom:10px;padding-bottom:0px;margin-left:0px;padding-left:0px;">
   
    <div class="right-list fr" style="margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;">
        <h3 style="margin-bottom:0px;padding-bottom:0px;">
         <span>日程安排</span> <a href="http://www.gxeea.cn/zxks/zkrc.htm" target="_blank" class="more" style="cursor:pointer;text-align:right;"><img :src="`${$baseUrl}image/logo/more.png`"  /></a>
        </h3>
      
        <div class="list-content" style="padding-top:10px;padding-bottom:10px;">
            <ul>
            <li v-for="(item) in timeList" :key="item.id">
              <i></i>
              <a class="x" style="font-size:14px;">{{item.exam_month}}{{item.oper_type_name}}</a>
              <span v-if="item.color=='green'" style="font-size:14px;color:green;">{{item.start_time|formatDate('yyyy-MM-dd HH:mm')}}&nbsp;&nbsp;~&nbsp;&nbsp;{{item.end_time|formatDate('yyyy-MM-dd HH:mm')}}</span>
              <span v-if="item.color!='green'" style="font-size:14px;color:black;">{{item.start_time|formatDate('yyyy-MM-dd HH:mm')}}&nbsp;&nbsp;~&nbsp;&nbsp;{{item.end_time|formatDate('yyyy-MM-dd HH:mm')}}</span>
            </li>
     
 	 	 	 
	   </ul>
        </div>
        
    </div>
</div>
<!--
<div class="g-doc m-artcle-list"  style="margin-top:0px;padding-top:0px;margin-bottom:10px;padding-bottom:0px;margin-left:0px;padding-left:0px;">
   
    <div class="right-list fr" style="margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;">
        <h3 style="margin-bottom:0px;padding-bottom:0px;">
         <span>近两批次成绩</span> <a  @click="queryScore()" class="more" title="刷新" style="cursor:pointer;text-align:right;"><img :src="`${$baseUrl}image/logo/refresh.png`"  /></a>

        </h3>
      
        <div class="list-content" style="padding-top:10px;padding-bottom:10px;">
           
           <el-table
          v-loading="loading"
          :data="scoreList"
          style="width: 100%">
          <el-table-column
            type="index"
            label="序号"
            width="50">
          </el-table-column>

          
          <el-table-column
            prop="year_code"
            label="考试批次"
            width="80">
          </el-table-column>
          <el-table-column
            prop="ticket_no"
            label="准考证号"
            width="120">
          </el-table-column>
          <el-table-column
            prop="course_code"
            label="课程代码"
            width="80">
          </el-table-column>
          <el-table-column
            prop="course_name"
            label="课程名称"
            width="200">
          </el-table-column>
          <el-table-column
            prop="final_score"
            label="成绩"
            width="50">
              <template slot-scope="scope">
                <div v-if="scope.row.final_score == '998' || scope.row.final_score == '999'">
                  免考
                </div>
                <div v-if="scope.row.final_score == '887' || scope.row.final_score == '888'">
                  课程顶替
                </div>
                <div  v-if="scope.row.final_score != '887' && scope.row.final_score != '888' && scope.row.final_score != '998' && scope.row.final_score != '999'">
                  <div v-if="scope.row.final_score == '-9'">
                    缺考
                  </div>
                  <div v-else-if="scope.row.final_score == '-3'">
                    违纪
                  </div>
                  <div v-else-if="scope.row.final_score == '-2'">
                    免考
                  </div>
                  <div v-else-if="scope.row.final_score == '-1'">
                    舞弊
                  </div>
                  <div v-else-if="scope.row.final_score == '200'">
                    免考
                  </div>
                  <div v-else-if="scope.row.final_score == '201'">
                    及格
                  </div>
                  <div v-else-if="scope.row.final_score == '202'">
                    中等
                  </div>
                  <div v-else-if="scope.row.final_score == '203'">
                    良好
                  </div>
                  <div v-else-if="scope.row.final_score == '204'">
                    优秀
                  </div>
                  <div v-else>
                   {{scope.row.final_score}}
                  </div>

                </div>
              </template>
          </el-table-column>

          <el-table-column
            prop="score_source"
            label="成绩性质"
            width="80">
              <template slot-scope="scope">
                <div v-if="scope.row.score_source == 7">
                  合成
                </div>
                <div v-if="scope.row.score_source == 8">
                  合成
                </div>
                <div v-if="scope.row.score_source == 9">
                  合成
                </div>
                <div v-if="scope.row.score_source == 1">
                  统考
                </div>
                <div v-if="scope.row.score_source == 5">
                  免考
                </div>
                 <div v-if="scope.row.score_source == 6">
                  转入
                </div>
                <div v-if="scope.row.score_source == 14">
                  违规
                </div>
                <div v-if="scope.row.score_source == 15">
                  作弊
                </div>
                <div v-if="scope.row.score_source == 16">
                   校考
                </div>
              </template>
          </el-table-column>
          
          <el-table-column
            prop="org_name"
            label="主考院校"
            width="140">
          </el-table-column>

          <el-table-column
            prop="out_remark"
            label="备注"
            width="100">
          </el-table-column>
         
        </el-table>

        </div>
        
    </div>
</div>
-->
<!--
    <el-card class="box-card" body-style="max-height: 80px;">
      <el-row>
        
        
        <el-col :span="14">
          <a style="color:blue" href="./login/instructions.html" target="_new1">1.广西自考考生须知</a>
         
          <a href="https://zk1.gxeea.cn:8001/ses-upload/info/%E5%B9%BF%E8%A5%BF%E8%87%AA%E8%80%83%E8%80%83%E7%94%9F%E9%A1%BB%E7%9F%A5.docx" target="_new">1.广西自考考生须知.docx</a>&nbsp;
         
        </el-col>
        <el-col>
          <a style="color:blue" href="./login/note.html" target="_new2">2.广西自考考生注意事项</a>  
          
          <a href="https://zk1.gxeea.cn:8001/ses-upload/info/%E5%B9%BF%E8%A5%BF%E8%87%AA%E8%80%83%E8%80%83%E7%94%9F%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9.docx" target="_new">2.广西自考考生注意事项.docx</a>
        
        </el-col>
       
        <el-col>
          <a href="https://zk1.gxeea.cn:8001/ses-upload/info/%E5%B9%BF%E8%A5%BF%E8%87%AA%E8%80%83%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F%E8%80%83%E7%94%9F%E6%9C%8D%E5%8A%A1%E5%B9%B3%E5%8F%B0%E7%94%A8%E6%88%B7%E6%89%8B%E5%86%8C.docx" target="new">3.广西自考管理系统考生服务平台用户手册.docx</a>
         
        </el-col>
        
      </el-row>

    </el-card>
  -->
    <!--   
    <el-card class="box-card" body-style="max-height: 100px;">
      <center>
        <div>
          <img :src="isEnroled?'./image/step/4.png':stepImg" style="width:1000px;">
        
          待办事项:<br>
          1.填写基本信息<br>
          2.上传图片 <a href="javascript:void(0)" @click="goUrl('/personalInfo')"> 点击链接</a><br>
          3.专业报名 <a href="javascript:void(0)" @click="goUrl('/enterMajor')"> 点击链接</a><br>
          4.所有资料已经齐全，你可以现在去报考课程！<a href="javascript:void(0)" @click="goUrl('/enrol')"> 去报考</a>

        </div>
      </center>
    </el-card>
     -->
<!--
    <el-card class="box-card" body-style="max-height: 80px;">
      <center>
          <div style="margin-top:10px">
                 <div class="el-alert__content" v-if="ticketTimeControl">
                  <span class="el-alert__title">准考证下载时间：{{ticketTimeControl.start_time}} 到 {{ticketTimeControl.end_time}}
                  </span>
                 </div>

                <div class="el-alert__content" v-if="!ticketTimeControl">
                        <span class="el-alert__title">准考证下载时间未配置，请耐心等待。
                        </span>
                </div>
                      
                <el-button type="primary" style="margin-top:10px;cursor: pointer;" :disabled="secCountDown>0" @click="downTicketone()">{{secCountDownInfo}}</el-button>
               
                <el-button type="primary" style="cursor: pointer;" @click="goEnrol()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;报考&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</el-button>
          </div>
          
      </center>

       <el-dialog :title="ticket_promise_one_title" width="1200px" style="margin-top: -80px;" :visible.sync="applyDialogVisibleone">
          <div style="margin-top: -20px;padding-top:-20px;">
            <iframe :src="ticket_promise_one" style="margin-top: 0px;padding-top:0px;" width="1170px" height="450px" scrolling="auto"></iframe>


            <center>
              <el-checkbox v-model="checkedCourse[0]">考生承诺:本人已充分阅读、知晓以上全部内容并自愿遵守，如有违反，将自愿承担相应的法律责任。</el-checkbox>
            </center>
            <center>
              <el-button type="primary" @click="downTickettwo()">{{secCountInfoApplyDialogVisibleone}}</el-button>
            </center>
             
          </div>

        </el-dialog>

        <el-dialog :title="ticket_promise_two_title" width="1200px" style="margin-top: -80px;" :visible.sync="applyDialogVisibleone2">
          <div style="margin-top: -20px;padding-top:-20px;">
            <iframe :src="ticket_promise_two" style="margin-top: 0px;padding-top:0px;" width="1170px" height="450px" scrolling="auto"></iframe>
            <center>
              <el-checkbox v-model="checkedCourse2[0]">考生承诺:本人已充分阅读、知晓以上全部内容并自愿遵守，如有违反，将自愿承担相应的法律责任。</el-checkbox>
            </center>
            <center>
              <el-button type="primary" @click="downTicket()">{{secCountInfoApplyDialogVisibleone2}}</el-button>
            </center>
             
          </div>

        </el-dialog>

    </el-card>

    <el-tabs value="first">


      <el-tab-pane label="已完成的报考信息" name="first">
        <el-table
          v-loading="loading"
          :data="courseList | dataArrayFilter({fee_status: 1}) "
          style="width: 100%">
          <el-table-column
            prop="course_code"
            label="课程代码"
            width="80">
          </el-table-column>
          <el-table-column
            prop="course_name"
            label="课程名称"
            width="180">
          </el-table-column>
          <el-table-column
            prop="course_score"
            label="课程学分"
            width="80">
          </el-table-column>
          <el-table-column
            prop="ticket_no"
            label="准考证号"
            width="120">
          </el-table-column>
          <el-table-column
            prop="enrol_type"
            label="报名类别"
            width="80">
            <template slot-scope="scope">
              <template v-if="scope.row.enrol_type=='1'">
                个人
              </template>
              <template v-if="scope.row.enrol_type=='2'">
                集体
              </template>
            </template>
          </el-table-column>
          <el-table-column
            prop="exam_times"
            label="考试时间"
            width="180">
          </el-table-column>
          <el-table-column
            prop="fee_no"
            label="缴费单号 "
            width="180">
          </el-table-column>
          <el-table-column
            prop="fee_status"
            label="缴费状态 "
            width="80">
            <template slot-scope="scope">
              <template v-if="scope.row.fee_status=='0'">
                待缴费
              </template>
              <template v-if="scope.row.fee_status=='1'">
                已交费
              </template>
              <template v-if="scope.row.fee_status=='2'">
                缴费失败
              </template>
            </template>
          </el-table-column>
        </el-table>
        

      </el-tab-pane>
    </el-tabs>
    <el-row>
      <center>
        <div style="margin-top:10px">
        </div>
      </center>
    </el-row>
    <el-tabs value="second">
      <el-tab-pane label="未完成的报考信息" name="second">
         <el-table
          v-loading="loading"
          :data="courseList | dataArrayFilter({fee_status: 0}) "
          style="width: 100%">
          <el-table-column
            prop="course_code"
            label="课程代码"
            width="80">
          </el-table-column>
          <el-table-column
            prop="course_name"
            label="课程名称"
            width="180">
          </el-table-column>
          <el-table-column
            prop="course_score"
            label="课程学分"
            width="80">
          </el-table-column>
          <el-table-column
            prop="ticket_no"
            label="准考证号"
            width="120">
          </el-table-column>
          <el-table-column
            prop="enrol_type"
            label="报名类别"
            width="80">
            <template slot-scope="scope">
              <template v-if="scope.row.enrol_type=='1'">
                个人
              </template>
              <template v-if="scope.row.enrol_type=='2'">
                集体
              </template>
            </template>
          </el-table-column>
          <el-table-column
            prop="exam_times"
            label="考试时间"
            width="180">
          </el-table-column>
          <el-table-column
            prop="fee_no"
            label="缴费单号 "
            width="180">
          </el-table-column>
          <el-table-column
            prop="fee_status"
            label="缴费状态 "
            width="80">
            <template slot-scope="scope">
              <template v-if="scope.row.fee_status=='0'">
                待缴费
              </template>
              <template v-if="scope.row.fee_status=='1'">
                已交费
              </template>
              <template v-if="scope.row.fee_status=='2'">
                缴费失败
              </template>
            </template>
          </el-table-column>
        </el-table>
      
      </el-tab-pane>
     
    </el-tabs>  
     -->
  </d2-container>
</template>

<script>
import { mapState, mapActions } from "vuex";

export default {
  components: {},
  computed: {
    existActiveEnrol: function() {
      return (
        this.$options.filters["dataArrayFilter"](this.enroledList, {
          pay_status: "Active"
        }).length > 0
      );
    },
    stepImg: function() {
      if (!this.StdReg) return "";
      // let uploadedPic = (this.StdReg.photo_url)?true:false;
      // let enterMajor = ((this.StdReg.major_id + "")  || (this.StdReg.major_id == undefined))?false:true;
      //图片未上传 专业未报考
      let exist_ticket_no = this.StdReg.ticket_no ? true : false;
      //std/stdEnrol/existStdEnrolPayed
      console.log(
        "exist_ticket_no:" + exist_ticket_no + " isEnroled:" + this.isEnroled
      );
      //图片未上传 专业未报考
      if (!exist_ticket_no) {
        return "./image/step/2.png";
      }
      //图片已经上传 专业未报考
      if (exist_ticket_no) {
        return "./image/step/3.png";
      }
      //图片已经上传 专业已报考
      console.log(
        "exist_ticket_no:" + exist_ticket_no + " isEnroled:" + this.isEnroled
      );

      if (exist_ticket_no && this.isEnroled) {
        return "./image/step/4.png";
      }
    },
    ...mapState({
      StdReg: state => state.enrol.StdReg,
      isEnroled: state => state.enrol.isEnroled
    })
  },
  mounted() {
    this.init();
  },
  data() {
    return {
      loading: true,
	  courseList: null,
	  ticketTimeControl:null,
	  inTicketTime:null,
    secCountDownInfo:"准考证下载(使用电脑下载)",
    secCountDown: 0,
    applyDialogVisibleone:null,
    secCountInfoApplyDialogVisibleone:"确定",
    secCountApplyDialogVisibleone: 0,
    applyDialogVisibleone2:null,
    secCountInfoApplyDialogVisibleone2:"确定",
    secCountApplyDialogVisibleone2: 0,
    checkedCourse:[],
    checkedCourse2:[],
    ticket_promise_one:null,
    ticket_promise_one_title:null,
    ticket_promise_two:null,
    ticket_promise_two_title:null,

    newsList: null,
    timeList: null,
    scoreList:null,
    };
  },
  filters:{
        formatDate: function(value,args) {
        var dt = new Date(value);
        if(args == 'yyyy-M-d') {// yyyy-M-d
            let year = dt.getFullYear();
            let month = dt.getMonth() + 1;
            let date = dt.getDate();
            return `${year}-${month}-${date}`;
        } else if(args == 'yyyy-MM-dd') {// yyyy-MM-dd
            let year = dt.getFullYear();
            let month = (dt.getMonth() + 1).toString().padStart(2,'0');
            let date = dt.getDate().toString().padStart(2,'0');
            return `${year}-${month}-${date}`;
        } else if(args == 'yyyy-MM-dd HH:mm'){
            let year = dt.getFullYear();
            let month = (dt.getMonth() + 1).toString().padStart(2,'0');
            let date = dt.getDate().toString().padStart(2,'0');
            let hour = dt.getHours().toString().padStart(2,'0');
            let minute = dt.getMinutes().toString().padStart(2,'0');
            
            return `${year}-${month}-${date} ${hour}:${minute}`;
        } else {// yyyy-MM-dd HH:mm:ss
            let year = dt.getFullYear();
            let month = (dt.getMonth() + 1).toString().padStart(2,'0');
            let date = dt.getDate().toString().padStart(2,'0');
            let hour = dt.getHours().toString().padStart(2,'0');
            let minute = dt.getMinutes().toString().padStart(2,'0');
            let second = dt.getSeconds().toString().padStart(2,'0');
            return `${year}-${month}-${date} ${hour}:${minute}:${second}`;
        }
        }
  },
  methods: {
    async init() {
      this.loading = true;

      let res = await this.$http.post("/sys/sysAppNews/page.htm",this.Qs.stringify({
              limit: 8,
              start: 0
          }));
          
        if(res.data.success){
            this.newsList = res.data.page.records;
        }

      res = await this.$http.post("/sys/sysAppNews/queryOperateTimeByTypeByExamTimeId.htm",this.Qs.stringify({
         
          }));
          
        if(res.data.success){
            this.timeList = res.data.array;
        }

         //res = await this.$http.post("/kj/kjUnifiedScoreDetail/queryScoreByYearCode.htm",this.Qs.stringify({
         
         // }));
          
        //if(res.data.success){
        //    this.scoreList = res.data.array;
       // }


     // res = await this.$http.post("/std/stdEnrol/list.htm");
    //  this.timeControl = res.data.map.timeControl;
	  //  this.courseList = res.data.map.courseList;
	  
	   // this.ticketTimeControl = res.data.map.ticketTimeControl;
     // this.inTicketTime = res.data.map.inTicketTime;
    //  this.ticket_promise_one = res.data.map.ticket_promise_one;
    //  this.ticket_promise_one_title = res.data.map.ticket_promise_one_title;
    //  this.ticket_promise_two = res.data.map.ticket_promise_two;
    //  this.ticket_promise_two_title = res.data.map.ticket_promise_two_title;


      this.loading = false;

      //let payedList = this.$options.filters["dataArrayFilter"](
      //  this.courseList,
      //  {
      //    fee_status: 1
     //   }
     // );
      //if (payedList.length > 0) {
     //   this.$store.commit("updateIsEnroled", { isEnroled: true });
     // }
    },
    async queryScore(){
      this.loading = true;
      let res = await this.$http.post("/kj/kjUnifiedScoreDetail/queryScoreByYearCode.htm",this.Qs.stringify({
         
          }));
          
        if(res.data.success){
            this.scoreList = res.data.array;
        }

      this.loading = false;
    },
    goEnrol() {
      this.goUrl("/enrol");
    },

    
    async downTicketone() {
      if(!this.ticketTimeControl || !this.inTicketTime){
        this.alert("不在下载时间内,暂不允许下载准考证");
        return;
      }

      let res_ = await this.$http.post("/std/stdEnrol/existFacePic.htm");
      if (!res_.data.success) {
        this.alert("考生图片不存在无法下载,请先上传图片");
        return;
      }

      let res_enrol = await this.$http.post("/std/stdEnrol/existStdEnrolPayed.htm");
      
      if (!res_enrol.data.success) {
        this.alert("您本批次没有报考并缴费任何课程，无法下载准考证");
        return;
      }

     // 已配置广西壮族自治区高等教育自学考试防疫承诺书公告路径，跳转该页面的弹出窗口
     if(this.ticket_promise_one){
        var _this = this;
        _this.secCountApplyDialogVisibleone = 10;
        var int = setInterval(function(){
          _this.secCountApplyDialogVisibleone--;
          if(_this.secCountApplyDialogVisibleone <= 0){
            clearInterval(int);
            //恢复 发送按钮
            _this.secCountInfoApplyDialogVisibleone = "确定";
          }else{
            //倒计时提示
            _this.secCountInfoApplyDialogVisibleone = "确定("+_this.secCountApplyDialogVisibleone+")";
          }
        },1000);

        this.applyDialogVisibleone = true; 
        this.applyDialogVisibleone2 = false; 
     }else{
        // 没有配置广西壮族自治区高等教育自学考试防疫承诺书公告路径
        this.downTickettwo();
     }
    },

    async downTickettwo() {
     // 已配置广西壮族自治区高等教育自学考试防疫承诺书公告路径 且防疫承诺书公告页面倒计时还没有完成时，按钮不可用
      if(this.ticket_promise_one && this.secCountApplyDialogVisibleone > 0){
        return;
      }

      // 已配置广西壮族自治区高等教育自学考试防疫承诺书公告路径 且没有选择我已认真阅读并已知晓时，按钮不可用
       if(this.ticket_promise_one && this.checkedCourse.length == 0) {
        this.alert("请勾选考生承诺后再点“确定”。");
        return;
      }

      // 已配置广西壮族自治区高等教育自学考试个人健康承诺书路径，跳转该页面的弹出窗口
      if(this.ticket_promise_two){
          var _this = this;
          _this.secCountApplyDialogVisibleone2 = 10;
          var int = setInterval(function(){
            _this.secCountApplyDialogVisibleone2--;
            if(_this.secCountApplyDialogVisibleone2 <= 0){
              clearInterval(int);
              //恢复 发送按钮
              _this.secCountInfoApplyDialogVisibleone2 = "确定";
            }else{
              //倒计时提示
              _this.secCountInfoApplyDialogVisibleone2 = "确定("+_this.secCountApplyDialogVisibleone2+")";
            }
          },1000);

          this.applyDialogVisibleone = false; 
          this.applyDialogVisibleone2 = true; 
      }else{
         // 没有配置广西壮族自治区高等教育自学考试个人健康承诺书路径
        this.downTicket();
      }
       
    },

    async downTicket() {
      // 已配置广西壮族自治区高等教育自学考试个人健康承诺书公告路径 且防疫承诺书公告页面倒计时还没有完成时，按钮不可用
      if(this.ticket_promise_two && this.secCountApplyDialogVisibleone2 > 0){
        return;
      }

      // 已配置广西壮族自治区高等教育自学考试个人健康承诺书公告路径 且没有选择我已认真阅读并已知晓时，按钮不可用
       if(this.ticket_promise_two && this.checkedCourse2.length == 0) {
        this.alert("请勾选考生承诺后再点“确定”。");
        return;
      }

      this.applyDialogVisibleone = false; 
      this.applyDialogVisibleone2 = false; 

      //if(!this.ticketTimeControl || !this.inTicketTime){
      //  this.alert("不在下载时间内,暂不允许下载准考证");
      //  return;
     // }

     // let res_ = await this.$http.post("/std/stdEnrol/existFacePic.htm");
     // if (!res_.data.success) {
     //   this.alert("考生图片不存在无法下载,请先上传图片");
     //   return;
     // }

     // let res_enrol = await this.$http.post("/std/stdEnrol/existStdEnrolPayed.htm");
      
     // if (!res_enrol.data.success) {
     //   this.alert("您本批次没有报考并缴费任何课程，无法下载准考证");
      //  return;
     // }

      var _this = this;
      _this.secCountDown = 30;
      var int = setInterval(function(){
        _this.secCountDown--;
        if(_this.secCountDown <= 0){
          clearInterval(int);
          //恢复 发送按钮
          _this.secCountDownInfo = "准考证下载(使用电脑下载)";
        }else{
          //倒计时提示
          _this.secCountDownInfo = _this.secCountDown+"秒后可重新下载准考证";
        }
      },1000);


      let res = await this.$http({
        method: "post",
        url: `/std/enrol/downTicket.htm`,
        responseType: "blob"
      });
      let fileName = null;
      if(this.StdReg.ticket_no){
        fileName = `${this.StdReg.ticket_no}.pdf`;
      }else{
        fileName = `准考证.pdf`;
      }
      if (window.navigator.msSaveBlob) {
        try {
          var blobObject = new Blob([res.data]);
          window.navigator.msSaveBlob(blobObject, fileName);
        } catch (e) {
          console.log(e);
        }
      } else {
        let loading = this.showLoading();
        let url = window.URL.createObjectURL(new Blob([res.data]));
        let link = document.createElement("a");
        link.style.display = "none";
        link.href = url;
        link.setAttribute("download", fileName);

        document.body.appendChild(link);
        link.click();
        this.hideLoading(loading);
      }
    }
  }
};
</script>

<style lang="scss" scoped>
@import "~@/assets/style/public.scss";

.g-doc {
  margin: 0 auto;
}
.g-header {
  width: 1100px;
  height: 196px;
}
.g-header .logo {
  padding-top: 53px;
}
.g-nav {
  width: 1100px;
  height: 43px;
  background: #0090ff;
  border-radius: 3px;
  padding-top: 12px;
  position: relative;
}
.m-menu {
  padding-left: 13px;
}
.m-menu a {
  display: block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  float: left;
  margin-right: 45px;
  font-size: 16px;
}
.m-menu a:hover {
  background: #fff;
  color: #0090ff;
}
.m-search {
  width: 300px;
  height: 30px;
  border: 1px solid #0082e7;
  border-radius: 3px;
  margin-right: 12px;
}
.m-search input {
  border: 0;
  outline: 0;
}
.m-search .search-text {
  width: 210px;
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
  float: left;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #fff;
}
.m-search .search-btn {
  width: 85px;
  height: 30px;
  line-height: 30px;
  background: #ceebff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #0090ff;
  cursor: pointer;
  float: left;
}
.right-side {
  position: fixed;
  left: 48%;
  top: 31%;
  width: 84px;
  margin-left: 615px;
  _position: absolute;
  _bottom: auto;
 // _top:expression(eval(document.documentElement.scrollTop));
}
.side-blog {
  width: 76px;
  background: #fcfcfc;
  border: 1px solid #e6e6e6;
  padding: 0 3px;
}
.side-blog a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  width: 77px;
  height: 90px;
  border-bottom: 1px dashed #e6e6e6;
  text-align: center;
  color: #0090ff;
}
.side-blog span {
  display: block;
  float: left;
  width: 100%;
  margin-top: 12px;
}
.side-blog .icon {
  display: inline-block;
 // background: url("../images/icon_img.png") no-repeat;
 // float: left;
  margin: 15px 0 0 24px;
}
.side-blog .icon1 {
  width: 34px;
  height: 28px;
  background-position: 0 0;
}
.side-blog .icon2 {
  width: 34px;
  height: 27px;
  background-position: -44px 0;
}
.side-blog .icon3 {
  width: 34px;
  height: 32px;
  background-position: -92px 0;
}
.side-blog .icon4 {
  width: 30px;
  height: 26px;
  background-position: -136px 0;
}
.side-blog .icon5 {
  width: 30px;
  height: 23px;
  background-position: -178px 0;
}
.side-blog .none {
  border-bottom: none;
}
.J_backTop {
  width: 44px;
  height: 35px;
  line-height: 35px;
  color: #0090ff;
  cursor: pointer;
  padding-left: 40px;
  //background: url("../images/icon_top.png") 20px center no-repeat #fcfcfc;
  border: 1px solid #e6e6e6;
  margin-top: 16px;
}
.g-wrap {
  width: 1100px;
  margin-top: 20px;
}
.m-wrap-content1 {
  _height: 563px;
  overflow: hidden;
  padding-bottom: 12px;
  border-bottom: 2px solid #0090ff;
}
.side-left-main1 {
  width: 825px;
  background: #fff;
}
.left-wrap1 {
  _height: 271px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
}
.left-wrap1 .J_bImgslider {
  width: 420px;
  height: 270px;
  overflow: hidden;
  position: relative;
}
.left-wrap1 .J_bImgslider .btn {
  position: absolute;
  width: 200px;
  height: 422px;
  z-index: 101;
}
.left-wrap1 .J_bImgslider .btn span {
  position: absolute;
  width: 42px;
  height: 41px;
  //background: url(../img/all_ico.png) no-repeat;
  z-index: 100;
  display: none;
  cursor: pointer;
}
.left-wrap1 .J_bImgslider .btn .J_prev {
  background-position: 0 -153px;
  top: 186px;
  left: 21px;
}
.left-wrap1 .J_bImgslider .btn .J_next {
  background-position: -57px -153px;
  top: 186px;
  right: 21px;
}
.left-wrap1 .J_bImgslider .btn:hover span {
  display: block;
}
.left-wrap1 .J_bImgslider .prev {
  top: 0;
  left: 0;
}
.left-wrap1 .J_bImgslider .next {
  top: 0;
  right: 0;
}
.left-wrap1 .J_bImgslider ul {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 80;
}
.left-wrap1 .J_bImgslider li {
  float: left;
  width: 420px;
  height: 270px;
  position: relative;
}
.left-wrap1 .J_bImgslider li a {
  color: #fff;
  font-size: 14px;
}
.left-wrap1 .J_bImgslider li span {
  position: absolute;
  display: block;
  width: 100%;
  padding-left: 15px;
  left: 0;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.4);
}
.left-wrap1 .J_bImgslider .page {
  position: absolute;
  overflow: hidden;
  right: 10px;
  bottom: 17px;
  z-index: 80;
}
.left-wrap1 .J_bImgslider .page a {
  display: block;
  width: 7px;
  height: 7px;
  background: #c9c9c9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin-right: 6px;
  font-size: 0;
}
.left-wrap1 .J_bImgslider .page .cur {
  background: #f00;
}
.left-wrap1 .test-news {
  width: 375px;
  padding-top: 5px;
  padding-right: 15px;
}
.left-wrap1 .test-news h3 {
  height: 32px;
  border-bottom: 2px solid #0090ff;
  margin-bottom: 12px;
}
.left-wrap1 .test-news h3 span {
    /*height: 32px;*/
    display: block;
    font-size: 16px;
    color: #4d4d4d;
    float: left;

}
.left-wrap1 .test-news h3 .more {
  display: block;
  float: right;
  width: 41px;
  height: 11px;
 //background: url("../images/icon_img.png") -221px 0 no-repeat;
  margin: 7px 15px 0 0;
}
.left-wrap1 .test-news .news-list {
  margin-top: 17px;
}
.left-wrap1 .test-news .news-list li {
    overflow: hidden;
    padding: 0 0 6px 0;
    border-bottom: 1px dotted #ccc;
    /* margin-bottom: 9px; */
    line-height: 22px;
    height: 43px;
}
.left-wrap1 .test-news .news-list i {
  display: block;
  float: left;
  font-size: 0;
  width: 2px;
  height: 2px;
  background: #ff0000;
  margin: 8px 8px 0 0;
}
.left-wrap1 .test-news .news-list a {
  display: block;
  /*float: left;
  width: 310px;*/
  color: #000;
  position: relative;
  height: 45px;
}
.left-wrap1 .test-news .news-list a:hover {
  color: #0090ff;
}
.left-wrap1 .test-news .news-list span {
  color: #b2b2b2;
  font-size: 12px;
  
  position: relative;
  bottom: 20px;
  float: right;
}
.left-wrap1 .test-news .news-list .none {
  border-bottom: none;
}
.left-wrap2 {
  overflow: hidden;
  /*margin-top: 25px;*/
}
.wrap-guide,
.wrap-system {
  width: 405px;
}
.wrap-guide h3,
.wrap-system h3 {
  height: 20px;
  border-bottom: 2px solid #0090ff;
  /*margin-bottom: 20px;*/
}
.wrap-guide h3 span,
.wrap-system h3 span {
  display: block;
  font-size: 18px;
  color: #4d4d4d;
  float: left;
  margin-top: -10px;
}
.wrap-guide h3 a,
.wrap-system h3 a {
  display: block;
  float: right;
  width: 41px;
  height: 11px;
 // background: url("../images/icon_img.png") -221px 0 no-repeat;
  margin-top: 6px;
}
.guide-content p {
  width: 402px;
  margin-bottom: 8px;
  overflow: hidden;
}
.guide-content p a {
  display: block;
  background: #0090ff;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.guide-content p a:hover {
  display: block;
  background: #205a86;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.guide-content p .icon {
  display: inline-block;
 // background: url("../images/icon_img.png") no-repeat;
 // float: left;
  margin: 15px 0 0 20px;
}
.guide-content p .icon1 {
  width: 27px;
  height: 36px;
  background-position: 0 -36px;
}
.guide-content p .icon2 {
  width: 33px;
  height: 33px;
  background-position: -44px -41px;
}
.guide-content p .icon3 {
  width: 30px;
  height: 31px;
  background-position: -92px -41px;
}
.guide-content p .icon4 {
  width: 35px;
  height: 32px;
  background-position: -136px -40px;
}
.guide-content p .icon5 {
  width: 33px;
  height: 35px;
  background-position: -178px -34px;
}
.guide-content p .type1,
.guide-content p .type2 {
  height: 60px;
}
.guide-content p .type1 {
  width: 196px;
}
.guide-content p .type1 span {
  display: block;
  float: left;
  width: 123px;
  text-align: center;
  margin-left: 7px;
}
.guide-content p .type2 {
  width: 402px;
  line-height: 60px;
  text-align: center;
  position: relative;
}
.guide-content p .dI {
  position: absolute;
  top: -4px;
  left: 100px;
}
.guide-content p .pt18 {
  padding-top: 18px;
}
.guide-content p .pt5 {
  padding-top: 5px;
}
.system-list p {
  display: inline-block;
  margin-bottom: 12px;
  overflow: hidden;
}
.system-list a {
  display: block;
  width: 126px;
  height: 90px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 18px;
  color: #0090ff;
  font-weight: bold;
}

.system-list a:hover {
  display: block;
  width: 123px;
  height: 86px;
  border: 3px solid #ccc;
  text-align: center;
  font-size: 18px;
  color: #0090ff;
  font-weight: bold;
}

.system-list span {
  display: block;
}
.system-list .icon {
  display: inline-block;
  //background: url("../images/icon_img.png") no-repeat;
  margin-top: 22px;
  *margin-bottom: 5px;
}
.system-list .icon1 {
  width: 23px;
  height: 20px;
  background-position: 0 -85px;
}
.system-list .icon2 {
  width: 22px;
  height: 22px;
  background-position: -36px -85px;
}
.system-list .icon3 {
  width: 22px;
  height: 22px;
  background-position: -70px -85px;
}
.system-list .icon4 {
  width: 23px;
  height: 23px;
  background-position: -106px -84px;
}
.system-list .icon5 {
  width: 19px;
  height: 22px;
  background-position: -141px -84px;
}
.system-list .icon6 {
  width: 22px;
  height: 22px;
  background-position: -173px -84px;
}
.system-list .ml10 {
  margin-left: 10px;
}
.system-list .none {
  border-bottom: none;
}
.side-right-main1 {
  width: 226px;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 18px 0 18px;
  background: #fcfcfc;
}
.side-right-main1 h3 {
  height: 32px;
  border-bottom: 2px solid #0090ff;
  margin-bottom: 12px;
}
.side-right-main1 h3 span {
  display: block;
  font-size: 16px;
  color: #4d4d4d;
  float: left;
}
.side-right-main1 h3 a {
  display: block;
  float: right;
  width: 41px;
  height: 11px;
  //background: url("../images/icon_img.png") -221px 0 no-repeat;
  margin-top: 6px;
}
.side-right-main1 .right-news-list {
  overflow: hidden;
}
.side-right-main1 .right-news-list li {
    overflow: hidden;
    padding: 0 0 6px 0;
    border-bottom: 1px dotted #ccc;
    /* margin-bottom: 9px; */
    line-height: 22px;
    height: 43px;
}
.side-right-main1 .right-news-list i {
  display: block;
  float: left;
  font-size: 0;
  width: 2px;
  height: 2px;
  background: #ff0000;
  margin: 8px 8px 0 0;
}
.side-right-main1 .right-news-list a {
  display: block;
  /*width: 180px;
  float: left;*/
  color: #000;
  font-size: 14px;
  position: relative;
  height: 45px;
}
.side-right-main1 .right-news-list a:hover {
  color: #0090ff;
}
.side-right-main1 .right-news-list span {
  /*position: absolute;*/
  color: #b2b2b2;
  font-size: 12px;
  /*margin-top: 25px;
  bottom: -2px;
  right: 0;*/
  float: right;
  bottom: 20px;
  position: relative;
}
.side-right-main1 .right-news-list .none {
  border-bottom: none;
}
.m-wrap-school {
  margin-top: 25px;
}
.m-wrap-school p {
  display: inline-block;
  overflow: hidden;
  margin-bottom: 10px;
}
.m-wrap-school a {
  display: block;
  width: 360px;
  height: 75px;
}
.m-wrap-school .ml10 {
  margin-left: 10px;
  margin-right: 10px;
}

.J_sideTest {
  height: 40px;
  border-bottom: 2px solid #0090ff;
}
.J_sideTest a {
  display: inline;
  padding: 8px 17px;
 // float: left;
  color: #4c4c4c;
  font-size: 18px;
  font-weight: bold;
  margin-right: 50px;
 // margin-bottom: -2px;
}
.J_sideTest .active {
  color: #fff;
  background: #0090ff;
}
.J_sideTest .no-mr {
  margin-right: 0;
}
.side-wrap2 {
  _height: 316px;
  overflow: hidden;
  padding: 10px 0 20px 10px;
  background: #fcfcfc;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  width: 1088px;
}
.J_tabContent {
  width: 1088px;
}
.J_tabContent .bigMenu a {
  color: #fff;
  display: block;
  background: #0090ff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.J_tabContent .list-type1 p {
  width: 330px;
  display: inline-block;
  margin-top: 10px;
  overflow: hidden;
}
.J_tabContent .list-type2 {
 // width: 330px;
  display: inline;
 /* margin-top: 10px;*/
  overflow: hidden;
}
.bigMenu  {
  width: 330px;
  display: inline-block;
   /* margin-top: 10px;*/
  overflow: hidden;
}
.J_tabContent .list-type1 a {
  height: 52px;
  line-height: 52px;
}
.J_tabContent .list-type1 .l1-a1 {
  width: 160px;
}
.J_tabContent .list-type1 .l1-a2 {
  width: 330px;
}
.J_tabContent .list-type2 a {
  height: 66px;
  line-height: 66px;
  margin-top: 12px;
}
.J_tabContent .list-type3 a {
  height: 95px;
  line-height: 84px;
  margin-top: 12px;
}
.J_tabContent .list-type4 p {
  margin-top: 10px;
  overflow: hidden;
}

.J_tabContent .list-type4 .l4-a1 {
  width: 100px;
  padding: 6px 30px;
  line-height: 20px;
}
.J_tabContent .list-type4 a,.J_tabContent .list-type5 a{
  font-size: 15px;
}
.J_tabContent .list-type4 .l4-a2 {
  width: 330px;
  line-height: 52px;
}
.J_tabContent .list-type5 p {
  margin-top: 12px;
  overflow: hidden;
}
.J_tabContent .list-type5 .l5-a1 {
  width: 140px;
  padding: 8px 10px 0 10px;
  line-height: 25px;
  height: 58px;
}
.J_tabContent .list-type5 .l5-a2 {
  width: 160px;
  line-height: 66px;
}
.right-side-wrap2 {
  width: 680px;
  margin-left: 35px;
  
}
.J_newTab1 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #676767;
}
.J_newTab1 a {
  color: #676767;
  font-size: 16px;
  margin: 0 6px;
}
.J_newTab1 .active {
  color: #545454;
  font-weight: bold;
}
.J_newTab2 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #676767;
}
.J_newTab2 a {
  color: #676767;
  font-size: 16px;
  margin: 0 6px;
}
.J_newTab2 .active {
  color: #545454;
  font-weight: bold;
}
.J_newTab3 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #676767;
}
.J_newTab3 a {
  color: #676767;
  font-size: 16px;
  margin: 0 6px;
}
.J_newTab3 .active {
  color: #545454;
  font-weight: bold;
}
.J_newTab4 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #676767;
}
.J_newTab4 a {
  color: #676767;
  font-size: 16px;
  margin: 0 6px;
}
.J_newTab4 .active {
  color: #545454;
  font-weight: bold;
}
.J_newTab5 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #676767;
}
.J_newTab5 a {
  color: #676767;
  font-size: 16px;
  margin: 0 6px;
}
.J_newTab5 .active {
  color: #545454;
  font-weight: bold;
}
.J_newTab6 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #676767;
}
.J_newTab6 a {
  color: #676767;
  font-size: 16px;
  margin: 0 6px;
}
.J_newTab6 .active {
  color: #545454;
  font-weight: bold;
}
.J_newTab7 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #676767;
}
.J_newTab7 a {
  color: #676767;
  font-size: 16px;
  margin: 0 6px;
}
.J_newTab7 .active {
  color: #545454;
  font-weight: bold;
}
.J_newsTabContent {
  padding-top: 33px;
}
.J_newsTabContent li {
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}
.J_newsTabContent i {
  display: block;
  font-size: 0;
  float: left;
  width: 3px;
  height: 3px;
  background: #f00;
  margin-top: 13px;
}
.J_newsTabContent a {
  display: block;
  float: left;
  color: #000;
  margin-left: 6px;
}
.J_newsTabContent a:hover {
  color: #0090ff;
}
.J_newsTabContent span {
  display: block;
  float: right;
  font-size: 12px;
  color: #b2b2b2;
}
.m-wrap-content3 {
  /*margin-top: 30px;*/
  overflow: hidden;
}
.m-wrap-content3 .ml25 {
  margin-left: 25px;
}
.wrap-main3 {
  width: 351px;
}
.wrap-main3 h3 {
  height: 32px;
  border-bottom: 2px solid #0090ff;
  margin-bottom: 12px;
}
.wrap-main3 h3 span {
  display: block;
  font-size: 18px;
  color: #4d4d4d;
  float: left;
}
.wrap-main3 h3 a {
  display: block;
  float: right;
  width: 41px;
  height: 11px;
 // background: url("../images/icon_img.png") -221px 0 no-repeat;
  margin-top: 6px;
}
.wrap-main3 .wrap-main3-content li {
  overflow: hidden;
  height: 28px;
  line-height: 28px;
}
.wrap-main3 .wrap-main3-content i {
  display: block;
  float: left;
  width: 3px;
  height: 3px;
  font-size: 0;
  background: #f00;
  margin-top: 13px;
}
.wrap-main3 .wrap-main3-content a {
  display: block;
  float: left;
  color: #000;
  margin-left: 6px;
}
.wrap-main3 .wrap-main3-content a:hover {
  color: #0090ff;
}
.wrap-main3 .wrap-main3-content span {
  display: block;
  float: right;
  font-size: 12px;
  color: #b2b2b2;
}
.m-wrap-content4 {
  overflow: hidden;
  margin-top: 20px;
}
.m-wrap-content4 .select-wrap {
  /*width: 275px;*/
  float: left;
}
.m-wrap-content4 .select-wrap select {
  width: 353px;
  height: 35px;
  cursor: pointer;
  border: 1px solid #e6e6e6;
}
.m-wrap-content4 .select-wrap .ml7 {
  margin-left: 7px;
}
.m-wrap-content4 .select-wrap .ml24 {
  margin-left: 10px;
}
.g-footer {
  width: 100%;
  background: #f3fbff;
  margin-top: 13px;
  border-top: 2px solid #0090ff;
}
.m-foot {
  width: 940px;
  padding: 38px 0;
  overflow: hidden;
}
.m-foot .copyright {
  font-size: 12px;
  color: #0090ff;
}
.m-foot .copyright p {
  margin-bottom: 10px;
}
.m-foot .police-online {
  padding-top: 20px;
}
.m-foot .police-online li {
  float: left;
  width: 125px;
  line-height: 20px;
  margin-left: 10px;
}
.m-foot .police-online li a {
  color: #0090ff;
}
.m-foot .police-online li a:hover {
  text-decoration: underline;
}

.m-navigation {
  width: 1100px;
  height: 60px;
  line-height: 60px;
}
.m-navigation span {
  color: #0090ff;
}
.m-detail {
  width: 1000px;
  border-top: 3px solid #0090ff;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: #fcfcfc;
  padding: 30px 50px 70px 50px;
}
.m-detail .artcle-bh {
  height: 30px;
  line-height: 30px;
  text-align: right;
}
.m-detail .artcle-title {
  margin-top: 25px;
  font-family: "Microsoft YaHei", "微软雅黑字体";
  color: #4c4c4c;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
}
.m-detail .artcle-detail {
  padding-top: 20px;
  line-height: 30px;
  font-size: 18px;
}
.m-detail .close_window {
  font-family: "Microsoft YaHei", "微软雅黑字体";
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 3px;
  background: #0090ff;
  margin: 40px auto 0 auto;
}

.m-schoolName {
  width: 1100px;
  height: 75px;
}
.m-testtype {
  width: 1100px;
  height: 80px;
  line-height: 80px;
  color: #0090ff;
  font-size: 30px;
  font-weight: bold;
}
.m-artcle-list {
  width: 1000px;
  border: 1px solid #e6e6e6;
  background: #fff;
  overflow: hidden;
}
.m-artcle-list .left-list {
  width: 253px;
  padding: 38px 0 0 25px;
}
.m-artcle-list .left-list a {
  display: block;
  width: 230px;
  height: 30px;
  line-height: 30px;
  background: #efefef;
  color: #000;
  text-indent: 1em;
  margin-bottom: 12px;
}
.m-artcle-list .left-list a:hover {
  color: #fff;
  font-weight: bold;
  //background: url(../images/hover.jpg) no-repeat;
}
.m-artcle-list .right-list {
  width: 900px;
  border-left: 1px solid #e6e6e6;
  padding: 38px 25px 0 25px;
  //min-height: 400px;
}
.m-artcle-list .right-list h3 {
  height: 32px;
  border-bottom: 2px solid #0090ff;
  margin-bottom: 12px;
}
.m-artcle-list .right-list h3 span {
  display: block;
  font-size: 18px;
  color: #4d4d4d;
  float: left;
}
.m-artcle-list .right-list h3 a {
  display: block;
  float: right;
  width: 41px;
  height: 11px;
  //background: url("../images/icon_img.png") -221px 0 no-repeat;
  margin-top: 6px;
}
.m-artcle-list .right-list .list-content {
  padding: 30px 0 40px 0;
  border-bottom: 1px solid #e6e6e6;
}
.m-artcle-list .right-list .list-content li {
  overflow: hidden;
  height: 28px;
  line-height: 28px;
}
.m-artcle-list .right-list .list-content i {
  display: block;
  float: left;
  width: 3px;
  height: 3px;
  font-size: 0;
  background: #f00;
  margin-top: 13px;
}
.m-artcle-list .right-list .list-content a {
  display: block;
  float: left;
  color: #000;
  margin-left: 6px;
}
.m-artcle-list .right-list .list-content a:hover {
  color: #0090ff;
}
.m-artcle-list .right-list .list-content span {
  display: block;
  float: right;
  font-size: 12px;
  color: #b2b2b2;
}
.m-artcle-list .right-list .none {
  border-bottom: none;
}
spen{
font-size:x-large;
font-weight:normal;}

</style>
