<template>
  <div class="content-max-width">
    <breadcrumb class="content-max-width crumb" :data="crumbData"/>
    <div class="train-detail-box content-max-width">
      <div class="content-left">
        <div class="title">{{ details.title }}</div>
        <div class="item-box">
          <img :src="details.imgUri" alt="">
          <div class="right-content">
            <!-- <div class="title">《金融产品数字化营销职业技能等级认证教材》（初级）</div> -->
            <div class="des-box">
              <p>活动类型：师资培训</p>
              <p>培训形式：{{details.type === 1 ? '线上培训' : '线下培训'}}</p>
              <p>培训地点：{{details.addr}}</p>
              <p>培训时间：{{details.time}}</p>
            </div>
            <router-link :to="{ path: '/train/form', query: { id: details.id }}">
              <div class="detail-btn">立即报名</div>
            </router-link>
          </div>
        </div>
      </div>
      <div class="content-card" v-if="data.excerpt != null">
        <div class="tit">最新会议</div>
        <div class="text" v-html="data.excerpt">生实解着利土具度海张际取得时美议九报当社并因或争拉青再大精周不院指权展理会后市中议候只土写海院油称县白力反油子特军再六红省采大队清</div>
        <!-- <div class="btn-boxs">
          <div class="btns">确定</div>
        </div> -->
      </div>
    </div>
    <div class="new-contents content-max-width">
      <div class="p">
        <div class="name">会议简介：</div>
        <div class="cont">通过对本证书试点院校的教师和企业师资进行集中培训、考核认证，旨在培养一支实践技能和专业知识搭配合理的“双师型”教师队伍，成绩优异的校企师资可列入本证书师资库，具备本证书实践教学、培训、考核评价资质，承担全国证书的考培工作。</div>
      </div>
      <div class="p">
        <div class="name">培训内容：</div>
        <!-- <div class="cont">
          <div>1.1+X证书制度的意义与政策解读；</div>
          <div>2.金融产品数字化营销发展现状与前景展望；</div>
          <div>3.职业技能等级标准解读；</div>
          <div>4.核心知识串讲与互动交流；</div>
          <div>5.实训案例剖析与互动交流；</div>
          <div>6.课程考试。</div>
        </div> -->
        <table style="border-collapse: collapse; table-layout: fixed;"><colgroup><col width="79.73"><col width="60.6"><col width="107.27"><col width="326.67"><col width="75.47"></colgroup><tbody><tr style="height:23.33px" class="firstRow"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">日期</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="35"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">时间</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="313"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">内容</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="63"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">主讲人</span></p></td></tr><tr style="height:20px"><td colspan="1" rowspan="3" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">1月11日</span></p></td><td colspan="1" rowspan="2" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="40"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">上午</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:10px 6px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">09:30-09:40</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="316"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">开班仪式</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="67"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">王鑫</span></p></td></tr><tr style="height:32.13px"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">09:40-11:30</span></p></td><td colspan="1" rowspan="1" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="322"><p style="text-align: center; margin-left: 0px;"></p><div style="text-align: left;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">任务一：</span></div><div style="text-align: left;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">认识市场营销</span></div><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;"><div style="text-align: left;"><span style="font-size: 12pt; line-height: 1.6;">市场、消费市场、STP</span></div></span><p></p></td><td colspan="1" rowspan="3" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">马庆胜</span></p></td></tr><tr style="height:6px"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">下午</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="84"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">14:30-17:00</span></p></td><td colspan="1" rowspan="1" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="10"><p style="text-align: center; margin-left: 0px;"></p><div style="text-align: left;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">任务一：</span><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">认识市场营销</span></div><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;"><div style="text-align: left;"><span style="font-size: 12pt; line-height: 1.6;">产品、价格决策、分销、促销决策</span></div></span><p></p></td></tr><tr style="height:26.8px"><td colspan="1" rowspan="2" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">1月12日</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="44"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">上午</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">09:30-11:30</span></p></td><td colspan="1" rowspan="1" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="320"><p style="text-align: center; margin-left: 0px;"></p><div style="text-align: left;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">任务二：认识数字化营销</span></div><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;"><div style="text-align: left;"><span style="font-size: 12pt; line-height: 1.6;">数字化营销、数字化营销的常用触达工具、数字化营销系统</span></div></span></td></tr><tr style="height:41.53px"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">下午</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="88"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">14:00-16:30</span></p></td><td colspan="1" rowspan="1" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="330"><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">任务三：</span><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">金融产品营销知识准备 &nbsp; &nbsp; &nbsp;&nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; text-align: center; line-height: 1.6;">金融机构及金融市场 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; text-align: center; line-height: 1.6;">金融产品 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; text-align: center; line-height: 1.6;">金融营销概述</span></p></td><td colspan="1" rowspan="9" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="53"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">于海颖</span></p></td></tr><tr style="height:20px"><td colspan="1" rowspan="7" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="79"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">1月13日</span></p></td><td colspan="1" rowspan="3" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="48"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">上午</span></p></td><td colspan="1" rowspan="3" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">09:00-11:30</span></p></td><td colspan="1" rowspan="3" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="334"><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">任务四：</span><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">金融产品数字化营销策略及实施 &nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">金融产品的数字化营销策略 &nbsp; &nbsp; &nbsp; &nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">不同场景下的数字化营销实施技巧及关键点</span></p></td></tr><tr style="height:42.67px"></tr><tr style="height:20.8px"></tr><tr style="height:42.67px"><td colspan="1" rowspan="4" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">下午</span></p></td><td colspan="1" rowspan="3" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="92"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">14:00-16:30</span></p></td><td colspan="1" rowspan="3" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="10"><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">任务五&nbsp;</span><span style="font-family: 宋体, 宋体, 宋体, 宋体; font-size: 12pt; font-weight: bold; line-height: 1.6;">重点金融产品数字化营销方案设计&nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">银行产品的数字化营销方案设计 &nbsp; &nbsp; &nbsp;&nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">保险产品的数字化营销方案设计 &nbsp; &nbsp; &nbsp;&nbsp;</span></p><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">基金产品的数字化营销方案设计</span></p></td></tr><tr style="height:64px"></tr><tr style="height:20.8px"></tr><tr style="height:42.67px"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">16:30-17:00</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="327"><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">1+X实训平台演示</span></p></td></tr><tr style="height:42.67px"><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="12"><p style="text-align: center; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">另行通知</span></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="52"><p style="text-align: center; margin-left: 0px;"></p></td><td colspan="1" rowspan="1" style="overflow:hidden;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:4px 8px;overflow-wrap:break-word;word-wrap:break-word;background-color:auto;vertical-align:center" width="10"><p style="text-align: center; margin-left: 0px;"></p></td><td colspan="1" rowspan="1" style="overflow: hidden; border: 1px solid rgb(0, 0, 0); padding: 4px 8px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all;" width="326"><p style="text-align: left; margin-left: 0px;"><span style="font-weight: bold; font-size: 12pt; font-family: 宋体, 宋体, 宋体, 宋体;">在线课程考试</span></p></td></tr></tbody></table>
      </div>
      <div class="p">
        <div class="name">培训QQ群：</div>
        <div class="cont">460678968</div>
      </div>
      <div class="p">
        <div class="name">联系人：</div>
        <div class="cont">王老师</div>
      </div>
      <div class="p">
        <div class="name">联系电话：</div>
        <div class="cont">18500913837</div>
      </div>
      <!-- <div class="pdf">《金融产品数字化营销中级》 </div> -->
      <!-- <div class="pdf">《金融产品数字化营销中级》 </div> -->
    </div>
  </div>
</template>
<script>
import item from './components/item'
import action from '@action'
import breadcrumb from '@/components/breadcrumb'
export default {
  components: {
    item,
    breadcrumb
  },
  data() {
    return {
      crumbData: [
        {
          path: '/',
          name: '首页'
        },
        {
          name: '师资培训'
        }
      ],
      data: {
        202201: {
          imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
          title: '2022年第1期“1+X金融产品数字化营销职业技能等级证书(初级)”师资培训班',
          time: '01月11日-01月13日',
          type: 1,
          count: 100,
          addr: '线上直播',
          id: 202201
        }
      }
    }    
  },
  computed: {
    details() {
      const id = this.$route.query.id
      return this.data[id]
    }
  },
  mounted() {
    // this.getData()
  },
  methods: {
    getData() {
      action.articleAction.getArticleDetail(this.$route.query.id).then(res => {
        this.data = res.data
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.content-max-width{
  width: 1112px;
  margin: 0 auto;
}
.train-detail-box{
  display: flex;
  padding-top: 12px;
  .title{
    width: 753px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    font-weight: bold;
    color: #C01540;
  }
}
.content-left{
  width: 753px;
}
.item-box{
  padding: 24px 0 0;
  // border-bottom: 1px solid #eee;
  display: flex;
  img{
    width: 200px;
    height: 100px;
    display: block;
  }
  .right-content{
    margin-left: 24px;
    .title{
      font-size: 18px;
      font-weight: bold;
      color: #C01540;
      line-height: 25px;
    }
    .des-box{
      // margin-top: 24px;
      p{
        font-size: 14px;
        color: #666666;
        line-height: 20px;
        margin-bottom: 8px;
        &.ind{
          text-indent: 2em;
        }
      }
    }
    .detail-btn{
      color: #fff;
      text-align: center;
      line-height: 36px;
      width: 96px;
      height: 36px;
      background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #C01540 100%);
      border-radius: 4px;
      margin-top: 8px;
    }
  }
}
.content-card{
  margin-top: 20px;
  margin-left: auto;
  width: 336px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  height: auto;
  height: max-content;  
  .tit{
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #222222;
    line-height: 58pxpx;
    padding-left: 20px;
    box-sizing: border-box;
  }
  .text{
    padding: 10px 20px 20px;
    font-size: 16px;
    color: #C01540;
    line-height: 22px;
  }
  .btn-boxs{
    height: 56px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    .btns{
      line-height: 36px;
      text-align: center;
      width: 62px;
      height: 36px;
      background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #C01540 100%);
      border-radius: 4px;
      margin-left: auto;
      margin-right: 24px;
      color: #fff;
    }
  }
}
.crumb{
  padding-top: 24px;
}
.new-contents{
  padding-bottom: 36px;
  .p{
    display: flex;
    margin-top: 16px;
    .name{
      width: 98px;
      height: 20px;
      font-size: 14px;
      font-weight: bold;
      color: #262626;
      line-height: 20px;
      text-align: right;
    }
    .cont{
      width: 357px;
      font-size: 14px;
      color: #7D7D7D;
      line-height: 20px;
    }
  }
  .pdf{
    margin-top: 16px;
    font-size: 14px;
    color: #0053C6;
    line-height: 20px;
    text-indent: 1.5em;
  }
  table{
    color:#7d7d7d !important;
    border-color:#7d7d7d !important;
  }
}
</style>
