|
|
@@ -0,0 +1,654 @@
|
|
|
+<template>
|
|
|
+ <div class="zone">
|
|
|
+ <div class="left-side">
|
|
|
+ <div class="brife">
|
|
|
+ <div class="my-brief ">
|
|
|
+ <div class="brief_header">
|
|
|
+ <em class="fl">工作室简介</em><a class="more fr"></a>
|
|
|
+ </div>
|
|
|
+ <div class="brief_con ">
|
|
|
+ <div class="peo_info ">
|
|
|
+ <span class="ava">
|
|
|
+ <img src="../../assets/image/resource/touxiang_01.jpeg" alt="">
|
|
|
+ </span>
|
|
|
+ <div class="info">
|
|
|
+ <h1 title="李朝华">李朝华</h1>
|
|
|
+ <p class="sub c555">高中物理</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="source_info">
|
|
|
+ <ul>
|
|
|
+ <li><span>322</span><p>成员</p></li>
|
|
|
+ <li><span>17949</span><p>资源</p></li>
|
|
|
+ <li><span>253</span><p>文章</p></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="statistics" style="z-index: 98;">
|
|
|
+ <div class="ms_statistics">
|
|
|
+ <div class=" statistics_header"><p class="fl">统计</p></div>
|
|
|
+ <div class="statistics_con con_box">
|
|
|
+ <ul class="statistics_list">
|
|
|
+ <li class="icon_1 ">
|
|
|
+ <i class="num">成员数</i><em class="c888">322</em>
|
|
|
+ </li>
|
|
|
+ <li class="icon_2 ">
|
|
|
+ <i class="num">文章数</i><em class="c888">253</em>
|
|
|
+ </li>
|
|
|
+ <li class="icon_3 ">
|
|
|
+ <i class="num">资源数</i><em class="c888">17949</em>
|
|
|
+ </li>
|
|
|
+ <li class="icon_4 ">
|
|
|
+ <i class="num">课题研究数</i><em class="c888">0</em>
|
|
|
+ </li>
|
|
|
+ <li class="icon_5 ">
|
|
|
+ <i class="num">名师课堂数</i><em class="c888">233</em>
|
|
|
+ </li>
|
|
|
+ <li class="icon_6 ">
|
|
|
+ <i class="num">教研活动数</i><em class="c888">0</em>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="top-part">
|
|
|
+ <div class="info-msg">
|
|
|
+ <p>工作室资讯</p><a></a><hr>
|
|
|
+ <ul>
|
|
|
+ <li><a>陈伟名师网络工作室活动暨职业教满结束</a><span>10-25</span></li>
|
|
|
+ <li><a>陈伟名师活动暨职业教育教材反馈会圆满结束</a><span>10-25</span></li>
|
|
|
+ <li><a>陈伟名师网络工作室活动暨职业教育教材反馈会圆满结束</a><span>10-25</span></li>
|
|
|
+ <li><a>陈伟名师网络工作室活教材反馈会圆满结束</a><span>10-25</span></li>
|
|
|
+ <li><a>陈伟名师网络工教育教材反馈会圆满结束</a><span>10-25</span></li>
|
|
|
+ <li><a>陈伟名师网络工作室教育教材反馈会圆满结束</a><span>10-25</span></li>
|
|
|
+ <li><a>陈伟名师网络工作室活动暨职业教会圆满结束</a><span>10-25</span></li>
|
|
|
+ <li><a>陈伟名师网络教育教材反馈会圆满结束</a><span>10-25</span></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="notice">
|
|
|
+ <p>公告</p><a></a><hr />
|
|
|
+ <ul>
|
|
|
+ <li><a>陈伟名师网束</a><span>10-25</span></li>
|
|
|
+ <li><a>陈伟名育教材反馈会圆满结束</a><span>10-25</span></li>
|
|
|
+ <li><a>陈伟名师馈会圆满结束</a><span>10-25</span></li>
|
|
|
+ <li><a>陈伟名师反馈会圆满结束</a><span>10-25</span></li>
|
|
|
+ <li><a>陈伟名师网馈会圆满结束</a><span>10-25</span></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content-show">
|
|
|
+ <p><u>成果展示</u></p><a></a>
|
|
|
+ </div>
|
|
|
+ <div class="content-teach ">
|
|
|
+ <div class="ms_article bor_bg_pd">
|
|
|
+ <div class="header article_header"><em class="fl"><i>教师文章</i></em><a class="more fr"></a></div>
|
|
|
+ <div class="article_con clearfix">
|
|
|
+ <div class="theme_det clearfix">
|
|
|
+ <a href="javascript:;" title="高考物理考前指导：掌握技巧；科学应考"><img src="http://static.sinweiwx.com/tianyu_edu/common/images/teacherSky_4.0/teacher_img.jpg"></a>
|
|
|
+ <div class="theme_info ">
|
|
|
+ <h3><a title="高考物理考前指导：掌握技巧；科学应考">高考物理考前指导：掌握技...</a></h3>
|
|
|
+ <p class="tip f14 c888 mgt5">高考物理考前指导：掌握技巧；科学应考...</p>
|
|
|
+ <p class="peo f14 c888 mgt10">
|
|
|
+ <i>李朝华</i>12-01
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <ul class="item_list">
|
|
|
+ <li class="c888">
|
|
|
+ <strong class="fr">
|
|
|
+ 9
|
|
|
+ </strong>
|
|
|
+ <a class="tit " title="高考前最后一根救命稻草! 文综/理综想提分? 此文绝不能错过！">
|
|
|
+ 励志鸡汤
|
|
|
+ </a>
|
|
|
+ <a class="tit_sour" title="高考前最后一根救命稻草! 文综/理综想提分? 此文绝不能错过！">
|
|
|
+ 高考前最后一根救命...
|
|
|
+ </a><i>李朝华</i>
|
|
|
+ 11-02
|
|
|
+ </li>
|
|
|
+ <li class="c888">
|
|
|
+ <strong class="fr">
|
|
|
+ 6
|
|
|
+ </strong>
|
|
|
+ <a class="tit " title="高中物理高效课堂应重视培养学生的创新意识">
|
|
|
+ 默认栏目
|
|
|
+ </a>
|
|
|
+ <a class="tit_sour" title="高中物理高效课堂应重视培养学生的创新意识">
|
|
|
+ 高中物理高效课堂应...
|
|
|
+ </a><i>郑万国</i>
|
|
|
+ 07-24
|
|
|
+ </li>
|
|
|
+ <li class="c888">
|
|
|
+ <strong class="fr">
|
|
|
+ 3
|
|
|
+ </strong>
|
|
|
+ <a class="tit " title="高中物理高效课堂应重视培养学生的创新意识">
|
|
|
+ 教研教改
|
|
|
+ </a>
|
|
|
+ <a class="tit_sour" title="高中物理高效课堂应重视培养学生的创新意识">
|
|
|
+ 高中物理高效课堂应...
|
|
|
+ </a><i>郑万国</i>
|
|
|
+ 07-24
|
|
|
+ </li>
|
|
|
+ <li class="c888">
|
|
|
+ <strong class="fr">
|
|
|
+ 5
|
|
|
+ </strong>
|
|
|
+ <a class="tit " title="浅谈高中物理教学中的情趣教学">
|
|
|
+ 教研教改
|
|
|
+ </a>
|
|
|
+
|
|
|
+ <a class="tit_sour" title="浅谈高中物理教学中的情趣教学">
|
|
|
+ 浅谈高中物理教学中...
|
|
|
+ </a><i>郑万国</i>
|
|
|
+ 07-24
|
|
|
+ </li>
|
|
|
+ <li class="c888">
|
|
|
+ <strong class="fr">
|
|
|
+ 4
|
|
|
+ </strong>
|
|
|
+ <a class="tit " title="优化高中物理课堂教学的原则与方法">
|
|
|
+ 默认栏目
|
|
|
+ </a>
|
|
|
+ <a class="tit_sour" title="优化高中物理课堂教学的原则与方法">
|
|
|
+ 优化高中物理课堂教...
|
|
|
+ </a><i>陈永荣</i>
|
|
|
+ 07-04
|
|
|
+ </li>
|
|
|
+
|
|
|
+
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ms_res bor_bg_pd">
|
|
|
+ <div class="header res_header"><em class="fl"><i>教学资源</i></em><a class="more fr"></a></div>
|
|
|
+ <div class="res_con">
|
|
|
+ <div class="source_det clearfix">
|
|
|
+ <img src="http://static.sinweiwx.com/tianyu_edu/common/images/teacherSky_4.0/source_img.jpg">
|
|
|
+ <div class="source_info ">
|
|
|
+ <h3><a href="/index.php?r=studio/resources/info&sid=642&resId=476990_MShunan">16-17版 第2部分 专题1 力...</a></h3>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <ul class=" source_list">
|
|
|
+ <li class="icon_1 ppt"><strong class="fr"></strong><a class="tit_sour">16-17版 第1部分 专题16 ...</a><i></i>12-20</li>
|
|
|
+ <li class="icon_1 ppt"><strong class="fr"></strong><a class="tit_sour">16-17版 第1部分 专题16 ...</a><i></i>12-20</li>
|
|
|
+ <li class="icon_1 ppt"><strong class="fr"></strong><a class="tit_sour">16-17版 第1部分 专题16 ...</a><i></i>12-20</li>
|
|
|
+ <li class="icon_1 ppt"><strong class="fr"></strong><a class="tit_sour">16-17版 第1部分 专题16 ...</a><i></i>12-20</li>
|
|
|
+ <li class="icon_1 ppt"><strong class="fr"></strong><a class="tit_sour">16-17版 第1部分 专题16 ...</a><i></i>12-20</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+ .zone {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .content-box{
|
|
|
+ }
|
|
|
+ .left-side {
|
|
|
+ width: 280px;
|
|
|
+ float: left;
|
|
|
+ margin-left: 22%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .brife {
|
|
|
+ border: 2px solid #e0e0e0;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .my-brief {
|
|
|
+ padding: 15px 17px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .brief_header {
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ border-bottom: 1px solid #ebebeb;
|
|
|
+ padding-bottom: 1px;
|
|
|
+ font-size: 15px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .brief_header em {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #222;
|
|
|
+ border-bottom: 2px solid #86c8ff;
|
|
|
+ padding: 0 5px;
|
|
|
+ font-weight: 900;
|
|
|
+ }
|
|
|
+
|
|
|
+ .brief_header a {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(../../assets/image/resource/more.png) center center no-repeat;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .peo_info {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .peo_info .ava {
|
|
|
+ margin-top: 27px;
|
|
|
+ position: relative;
|
|
|
+ margin-right: 15px;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .peo_info .ava img {
|
|
|
+ height: 90px;
|
|
|
+ width: 90px;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-top: 10%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .info {
|
|
|
+ margin-top: -30%;
|
|
|
+ margin-left: 56%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .info h1 {
|
|
|
+ color: #222;
|
|
|
+ font-size: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .info p {
|
|
|
+ color: #555;
|
|
|
+ font-size: 15px;
|
|
|
+ margin-top: 8px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .source_info {
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .source_info li {
|
|
|
+ text-align: center;
|
|
|
+ width: 75px;
|
|
|
+ list-style: none;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .source_info span {
|
|
|
+ color: #4b4b4b;
|
|
|
+ font-size: 24px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .source_info p {
|
|
|
+ color: #9b9b9b;
|
|
|
+ font-size: 14px;
|
|
|
+ display: block;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .statistics {
|
|
|
+ border: 1px solid #e0e0e0;
|
|
|
+ padding: 15px 17px;
|
|
|
+ background: #fff;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .statistics_header {
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ border-bottom: 1px solid #ebebeb;
|
|
|
+ padding-bottom: 1px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .statistics_header p {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #222;
|
|
|
+ border-bottom: 2px solid #86c8ff;
|
|
|
+ padding: 0 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .statistics_list {
|
|
|
+ padding-bottom: 27px;
|
|
|
+ height: 560px;
|
|
|
+ list-style: none;
|
|
|
+ font-family: Roboto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .statistics_list li {
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
+ padding-left: 55px;
|
|
|
+ border-bottom: 1px dashed #ebebeb;
|
|
|
+ font-size: 16px;
|
|
|
+ font-style: normal
|
|
|
+ }
|
|
|
+
|
|
|
+ .statistics_list li num {
|
|
|
+ width: 100px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .statistics_list li em {
|
|
|
+ width: 60px;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: right;
|
|
|
+ color: #888888;
|
|
|
+ }
|
|
|
+ .content {
|
|
|
+ width: 40%;
|
|
|
+ height: 800px;
|
|
|
+ margin-left: 2%;
|
|
|
+ margin-top: 1%;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .top-part {
|
|
|
+ width: 100%;
|
|
|
+ height: 300px;
|
|
|
+ float: left;
|
|
|
+ display: flex;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border: 1px solid #e0e0e0;
|
|
|
+ }
|
|
|
+ .info-msg{
|
|
|
+ width:60%;
|
|
|
+
|
|
|
+ }
|
|
|
+ .info-msg p {
|
|
|
+ font-size: 20px;
|
|
|
+ margin-top: 5px;
|
|
|
+ font-weight: 800;
|
|
|
+ margin-left:5px;
|
|
|
+ }
|
|
|
+ .info-msg ul{
|
|
|
+ list-style:none;
|
|
|
+ margin-top:10px;
|
|
|
+ margin-left:5px;
|
|
|
+ }
|
|
|
+ .info-msg li{
|
|
|
+ font-size:14px;
|
|
|
+ margin-top:5px;
|
|
|
+ }
|
|
|
+ .info-msg li a {
|
|
|
+ color: #4b4b4b;
|
|
|
+ font-family: 'Adobe Caslon Pro';
|
|
|
+ }
|
|
|
+ .info-msg li a:hover {
|
|
|
+ color:cornflowerblue;
|
|
|
+ text-decoration:underline;
|
|
|
+ }
|
|
|
+ .info-msg span{
|
|
|
+ float:right;
|
|
|
+ }
|
|
|
+ .notice{
|
|
|
+ width:35%;
|
|
|
+ display:inline;
|
|
|
+ margin-left:25px;
|
|
|
+ }
|
|
|
+ .notice p {
|
|
|
+ font-size: 20px;
|
|
|
+ margin-top: 5px;
|
|
|
+ font-weight:800;
|
|
|
+ }
|
|
|
+ .content-show a {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-left:81%;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(../../assets/image/resource/more.png) center center no-repeat;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .notice ul {
|
|
|
+ list-style: none;
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-left: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .notice li {
|
|
|
+ font-size: 14px;
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .notice li a {
|
|
|
+ color: #4b4b4b;
|
|
|
+ font-family:'Adobe Caslon Pro';
|
|
|
+ }
|
|
|
+
|
|
|
+ .notice li a:hover {
|
|
|
+ color: cornflowerblue;
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+
|
|
|
+ .notice span {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .content-show {
|
|
|
+ width: 100%;
|
|
|
+ height: 200px;
|
|
|
+ margin-top:10px;
|
|
|
+ float: left;
|
|
|
+ display: flex;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border: 1px solid #e0e0e0;
|
|
|
+ }
|
|
|
+ .content-show p {
|
|
|
+ font-size: 20px;
|
|
|
+ margin-top: 15px;
|
|
|
+ font-weight: 800;
|
|
|
+ margin-left: 15px;
|
|
|
+ }
|
|
|
+ .content-show p:hover {
|
|
|
+ color:cornflowerblue;
|
|
|
+ }
|
|
|
+ .content-show a {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-left:81%;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(../../assets/image/resource/more.png) center center no-repeat;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .ms_article {
|
|
|
+ width: 405px;
|
|
|
+ height: 369px;
|
|
|
+ float: left;
|
|
|
+ border: 1px solid #e0e0e0;
|
|
|
+ padding: 15px 17px;
|
|
|
+ background: #fff;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .ms_article.header {
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ border-bottom: 1px solid #ebebeb;
|
|
|
+ padding-bottom: 1px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .ms_article .header em {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #222;
|
|
|
+ border-bottom: 2px solid #86c8ff;
|
|
|
+ padding: 0 5px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .ms_article .header a.more {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(../../assets/image/resource/more.png) center center no-repeat;
|
|
|
+ }
|
|
|
+ .theme_det {
|
|
|
+ padding-top: 12px;
|
|
|
+ }
|
|
|
+ .theme_det a {
|
|
|
+ text-decoration: none;
|
|
|
+ color: #288add;
|
|
|
+ }
|
|
|
+ .theme_det img {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ height: 100px;
|
|
|
+ margin-left: -88px;
|
|
|
+ margin-top: 31px;
|
|
|
+ border: 1px solid #fff;
|
|
|
+ }
|
|
|
+ .theme_info {
|
|
|
+ margin-left: 14px;
|
|
|
+ margin-top: 35px;
|
|
|
+ }
|
|
|
+ .theme_info h3 a {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #555;
|
|
|
+ font-weight: normal;
|
|
|
+ } .theme_info h3 a:hover {
|
|
|
+
|
|
|
+ color: red;
|
|
|
+
|
|
|
+ }
|
|
|
+ .theme_info h3 {
|
|
|
+ color: #3d95d5;
|
|
|
+ }
|
|
|
+
|
|
|
+ .c888 {
|
|
|
+ color: #888888;
|
|
|
+ }
|
|
|
+ .fr {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .mgt5 {
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ .f14 {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .theme_info .peo i {
|
|
|
+ color: #656565;
|
|
|
+ width: 78px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .item_list {
|
|
|
+ padding-top: 23px;
|
|
|
+ list-style: none;
|
|
|
+ }
|
|
|
+ .item_list li {
|
|
|
+ height: 37px;
|
|
|
+ line-height: 37px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .item_list li strong {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #888;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ .item_list li a.tit {
|
|
|
+ background: #53b5f6;
|
|
|
+ color: #fff;
|
|
|
+ padding: 0 3px;
|
|
|
+ margin-right: 7px;
|
|
|
+ width: 84px;
|
|
|
+ display: inline-block;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+ .item_list li a.tit_sour {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #555;
|
|
|
+ width: 150px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 16px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .item_list li i {
|
|
|
+ width: 60px;
|
|
|
+ display: inline-block;
|
|
|
+ color: #656565;
|
|
|
+ }
|
|
|
+ .content-teach {
|
|
|
+ display: inline-flex;
|
|
|
+ }
|
|
|
+ .ms_res {
|
|
|
+ width: 350px;
|
|
|
+ height: 369px;
|
|
|
+ margin-left: 8px;
|
|
|
+ border: 1px solid #e0e0e0;
|
|
|
+ background: #fff;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .ms_res .header {
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ border-bottom: 1px solid #ebebeb;
|
|
|
+ padding-bottom: 1px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .ms_res .header em {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #222;
|
|
|
+ border-bottom: 2px solid #86c8ff;
|
|
|
+ padding: 0 5px;
|
|
|
+ }
|
|
|
+ .ms_res a.more {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(../../assets/image/resource/more.png) center center no-repeat;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .source_det img {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ height: 100px;
|
|
|
+ border: 1px solid #fff;
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ .source_det h3 a {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #555;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .source_list {
|
|
|
+ margin-top: 70px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .source_list li {
|
|
|
+ height: 37px;
|
|
|
+ line-height: 37px;
|
|
|
+ font-size: 14px;
|
|
|
+ list-style: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .source_list li strong {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #888;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .source_list li a.tit_sour {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #555;
|
|
|
+ width: 300px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 16px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+</style>
|
zhousheng
