guhongwei 4 năm trước cách đây
mục cha
commit
ac5aac7bb1

+ 0 - 219
src/layout/market/exportDetails.vue

@@ -1,219 +0,0 @@
-<template>
-  <div id="exportDetails">
-    <el-row>
-      <el-col :span="24" class="info">
-        <el-col :span="24" class="top">
-          <el-image :src="beijing"></el-image>
-        </el-col>
-        <el-col :span="24" class="message">
-          <el-col :span="24" class="one">
-            <el-image :src="exportInfo.expertimage"></el-image>
-            <p>
-              <span>{{ exportInfo.name || '暂无' }}</span>
-              <span>{{ exportInfo.email || '暂无' }}</span>
-            </p>
-          </el-col>
-          <el-col :span="24" class="two">
-            <van-tabs v-model="active" type="card" animated>
-              <van-tab title="基本资料">
-                <el-col :span="24" class="basic">
-                  <p>
-                    <span>性别</span>
-                    <span>{{ exportInfo.gender }}</span>
-                  </p>
-                  <p>
-                    <span>出生年月</span>
-                    <span>{{ exportInfo.birthday }}</span>
-                  </p>
-                  <p>
-                    <span>身份证号</span>
-                    <span>{{ exportInfo.cardnumber }}</span>
-                  </p>
-
-                  <p>
-                    <span>电话号码</span>
-                    <span>{{ exportInfo.phone }}</span>
-                  </p>
-                  <p>
-                    <span>毕业院校</span>
-                    <span>{{ exportInfo.school }}</span>
-                  </p>
-                  <p>
-                    <span>专业</span>
-                    <span>{{ exportInfo.major }}</span>
-                  </p>
-                  <p>
-                    <span>学历</span>
-                    <span>{{ exportInfo.xl }}</span>
-                  </p>
-                  <p>
-                    <span>学位</span>
-                    <span>{{ exportInfo.xw }}</span>
-                  </p>
-                  <p>
-                    <span>地址</span>
-                    <span>{{ exportInfo.addr }}</span>
-                  </p>
-                </el-col>
-              </van-tab>
-              <van-tab title="技术能力">
-                <el-col :span="24" class="basic">
-                  <p>
-                    <span>从事专业</span>
-                    <span>{{ exportInfo.professional }}</span>
-                  </p>
-                  <p>
-                    <span>职称名称</span>
-                    <span>{{ exportInfo.levelname }}</span>
-                  </p>
-                  <p>
-                    <span>职称级别</span>
-                    <span>{{ exportInfo.level }}</span>
-                  </p>
-                  <p>
-                    <span>职务</span>
-                    <span>{{ exportInfo.position }}</span>
-                  </p>
-                  <p>
-                    <span>项目</span>
-                    <span>{{ exportInfo.project }}</span>
-                  </p>
-                  <p>
-                    <span>学术成就</span>
-                    <span>{{ exportInfo.academic }}</span>
-                  </p>
-                  <p>
-                    <span>论文</span>
-                    <span>{{ exportInfo.paper }}</span>
-                  </p>
-                  <p>
-                    <span>备注</span>
-                    <span>{{ exportInfo.remark }}</span>
-                  </p>
-                </el-col>
-              </van-tab>
-              <van-tab title="个人简介">
-                <el-col :span="24" class="resume">
-                  <p>{{ exportInfo.resume }}</p>
-                </el-col>
-              </van-tab>
-            </van-tabs>
-          </el-col>
-        </el-col>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { mapState, createNamespacedHelpers } from 'vuex';
-export default {
-  name: 'exportDetails',
-  props: {
-    exportInfo: null,
-  },
-  components: {},
-  data: function() {
-    return {
-      beijing: require('@/assets/test1.jpg'),
-      active: '1',
-    };
-  },
-  created() {},
-  methods: {},
-  computed: {
-    ...mapState(['user']),
-    pageTitle() {
-      return `${this.$route.meta.title}`;
-    },
-  },
-  metaInfo() {
-    return { title: this.$route.meta.title };
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.info {
-  background: #fff;
-  .top {
-    height: 150px;
-    overflow: hidden;
-    .el-image {
-      height: 150px;
-      overflow: hidden;
-    }
-  }
-  .message {
-    position: relative;
-    top: -40px;
-    padding: 0 15px;
-    .one {
-      height: 80px;
-      height: 80px;
-      margin: 0 0 15px 0;
-
-      .el-image {
-        float: left;
-        width: 80px;
-        height: 80px;
-        border-radius: 90px;
-      }
-      p {
-        float: left;
-        width: 65%;
-        font-size: 18px;
-        padding: 0 15px;
-        span {
-          display: inline-block;
-          width: 100%;
-          padding: 9px 0px;
-        }
-      }
-    }
-    .two {
-      .basic {
-        font-size: 16px;
-        color: #000;
-        p {
-          padding: 0 10px;
-          min-height: 40px;
-          line-height: 40px;
-          border-bottom: 1px dashed #f6f6f6;
-          span:first-child {
-            display: inline-block;
-            width: 25%;
-            color: #cccccc;
-          }
-        }
-      }
-      .resume {
-        font-size: 16px;
-        padding: 10px;
-        p {
-          line-height: 30px;
-        }
-      }
-    }
-  }
-}
-/deep/.van-tabs--card > .van-tabs__wrap {
-  height: 40px;
-}
-/deep/.van-tabs__nav--card {
-  height: 40px;
-  border: 1px solid #ccc;
-  margin: 0;
-}
-/deep/.van-tabs__nav--card .van-tab {
-  color: #666;
-}
-/deep/.van-tabs__nav--card .van-tab.van-tab--active {
-  background: transparent;
-  color: #2c69fe;
-  font-weight: bold;
-}
-/deep/.van-tabs__nav--card .van-tab {
-  border-right: 1px solid #ccc;
-}
-</style>

+ 0 - 222
src/layout/market/prodDetail.vue

@@ -1,222 +0,0 @@
-<template>
-  <div id="prodDetails">
-    <el-row>
-      <el-col :span="24" class="info">
-        <el-col :span="24" class="top">
-          <el-carousel trigger="click" class="carousel">
-            <template v-if="productInfo.image && productInfo.image.length > 0">
-              <el-carousel-item v-for="(item, index) in productInfo.image" :key="index">
-                <el-image :src="item.url" style="width:100%"> </el-image>
-              </el-carousel-item>
-            </template>
-            <template v-else>
-              <el-image :src="noimage"></el-image>
-            </template>
-          </el-carousel>
-          <p class="textOver">{{ productInfo.name }}</p>
-        </el-col>
-        <el-col :span="24" class="message">
-          <p>
-            <span>产品类型</span>
-            <span>{{ productInfo.totaltype === '0' ? '技术' : productInfo.totaltype === '1' ? '产品' : productInfo.totaltype === '2' ? '服务' : '暂无' }}</span>
-          </p>
-          <p>
-            <span>类型</span>
-            <span>{{ productInfo.product_type_name || '暂无' }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '0'">
-            <span>研发阶段</span>
-            <span>{{ productInfo.phase == 1 ? '阶段成果' : productInfo.phase == 2 ? '最终成果' : '暂无' }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '0' || productInfo.totaltype == '1'">
-            <span>产品单价</span>
-            <span>{{ productInfo.price }}/{{ productInfo.priceunit }}</span>
-          </p>
-          <p>
-            <span>所属领域</span>
-            <span>{{
-              productInfo.field == '0'
-                ? '先进制造'
-                : productInfo.field == '1'
-                ? '新材料'
-                : productInfo.field == '2'
-                ? '光电子'
-                : productInfo.field == '3'
-                ? '信息技术'
-                : productInfo.field == '4'
-                ? '文化和科技融合'
-                : '暂无'
-            }}</span>
-          </p>
-          <p>
-            <span>服务范围</span>
-            <span>{{ productInfo.scope || '暂无' }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '0' || productInfo.totaltype == '1'">
-            <span>合作方式</span>
-            <span>{{
-              productInfo.coopermode == '0'
-                ? '技术转让'
-                : productInfo.coopermode == '1'
-                ? '技术服务'
-                : productInfo.coopermode == '2'
-                ? '技术许可'
-                : productInfo.coopermode == '3'
-                ? '技术融资'
-                : productInfo.coopermode == '4'
-                ? '其他'
-                : '暂无'
-            }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '0' || productInfo.totaltype == '1'">
-            <span>交易方式</span>
-            <span>{{ productInfo.business === '0' ? '公用' : productInfo.business === '1' ? '转让' : productInfo.business === '2' ? '竞价' : '暂无' }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '0'">
-            <span>投入预算</span>
-            <span>{{ productInfo.budget }}万</span>
-          </p>
-          <p v-if="productInfo.totaltype == '0'">
-            <span>截至日期</span>
-            <span>{{ productInfo.end_date }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '0'">
-            <span>难题&瓶颈</span>
-            <span>{{ productInfo.difficult_problem }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '0'">
-            <span>需求条件</span>
-            <span>{{ productInfo.demand }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '1'">
-            <span>企业名称</span>
-            <span>{{ productInfo.company }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '1'">
-            <span>企业地址</span>
-            <span>{{ productInfo.address }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '1'">
-            <span>技术团队</span>
-            <span>{{ productInfo.team }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '1'">
-            <span>知识产权</span>
-            <span>{{ productInfo.property }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '1'">
-            <span>技术成熟度</span>
-            <span>{{
-              productInfo.coopermode == '0'
-                ? '实验室'
-                : productInfo.coopermode == '1'
-                ? '小试'
-                : productInfo.coopermode == '2'
-                ? '中试'
-                : productInfo.coopermode == '3'
-                ? '成熟'
-                : '暂无'
-            }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '1'">
-            <span>合作企业</span>
-            <span>{{ productInfo.coopercompany }}</span>
-          </p>
-          <p v-if="productInfo.totaltype == '1'">
-            <span>其他需求</span>
-            <span>{{ productInfo.other }}</span>
-          </p>
-          <p>
-            <span>联系人</span>
-            <span>{{ productInfo.contact_user }}</span>
-          </p>
-          <p>
-            <span>联系电话</span>
-            <span>{{ productInfo.contact_tel }}</span>
-          </p>
-          <div class="introduction">
-            <p>产品简介</p>
-            <p>{{ productInfo.introduction }}</p>
-          </div>
-        </el-col>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { mapState, createNamespacedHelpers } from 'vuex';
-export default {
-  name: 'prodDetails',
-  props: {
-    productInfo: null,
-  },
-  components: {},
-  data: function() {
-    return {
-      noimage: require('@/assets/noimage.jpg'),
-    };
-  },
-  created() {},
-  methods: {},
-  computed: {
-    ...mapState(['user']),
-    pageTitle() {
-      return `${this.$route.meta.title}`;
-    },
-  },
-  metaInfo() {
-    return { title: this.$route.meta.title };
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.info {
-  .top {
-    background: #fff;
-    min-height: 250px;
-    padding: 0 15px;
-    margin: 0 0 10px 0;
-    .carousel {
-      height: 200px !important;
-      padding: 10px 0;
-    }
-    .el-image {
-      width: 100%;
-      height: 200px;
-    }
-    p {
-      font-size: 18px;
-      color: #000;
-      padding: 0 0 10px 0;
-    }
-  }
-  .message {
-    background: #fff;
-    padding: 0 15px;
-    min-height: 50px;
-    p {
-      min-height: 50px;
-      line-height: 50px;
-      border-bottom: 1px solid #ccc;
-    }
-    span:first-child {
-      display: inline-block;
-      width: 80px;
-      color: #ccc;
-    }
-    span:last-child {
-      color: #000;
-    }
-    div {
-      p {
-        border-bottom: none;
-      }
-    }
-  }
-}
-/deep/.el-carousel__container {
-  height: 200px !important;
-}
-</style>

+ 0 - 66
src/views/market/detail.vue

@@ -1,66 +0,0 @@
-<template>
-  <div id="detail">
-    <el-row>
-      <el-col :span="24" class="style">
-        <el-col :span="24" class="top">
-          <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
-        </el-col>
-        <el-col :span="24" class="main">
-          <release></release>
-        </el-col>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import NavBar from '@/layout/common/topInfo.vue';
-import footInfo from '@/layout/common/footInfo.vue';
-import release from '@/layout/market/release.vue';
-
-export default {
-  name: 'detail',
-  props: {},
-  components: {
-    NavBar,
-    release, //产品发布
-  },
-  data: () => ({
-    // 头部标题
-    title: '',
-    // meta为true
-    isleftarrow: '',
-    // 返回
-    navShow: true,
-  }),
-  created() {},
-  computed: {},
-  methods: {},
-  mounted() {
-    this.title = this.$route.meta.title;
-    this.isleftarrow = this.$route.meta.isleftarrow;
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.style {
-  width: 100%;
-  min-height: 667px;
-  position: relative;
-  background-color: #f9fafc;
-}
-.top {
-  height: 46px;
-  overflow: hidden;
-  position: relative;
-  z-index: 999;
-}
-.main {
-  min-height: 570px;
-}
-.foot {
-  position: absolute;
-  bottom: 0;
-}
-</style>

+ 3 - 1
src/views/market/exportDetail.vue

@@ -11,7 +11,8 @@
           </el-col>
           <el-col :span="24" class="message">
             <el-col :span="24" class="one">
-              <el-image :src="exportInfo.expertimage"></el-image>
+              <el-image v-if="exportInfo.expertimage != null || undefined" :src="exportInfo.expertimage"></el-image>
+              <el-image :src="expertimage" v-else></el-image>
               <p>
                 <span>{{ exportInfo.name || '暂无' }}</span>
                 <span>{{ exportInfo.email || '暂无' }}</span>
@@ -109,6 +110,7 @@ export default {
       // 返回
       navShow: true,
       beijing: require('@/assets/test1.jpg'),
+      expertimage: require('@/assets/222.png'),
       active: '1',
       exportInfo: {},
     };

+ 0 - 93
src/views/market/parts/expertList.vue

@@ -1,93 +0,0 @@
-<template>
-  <div id="expertList">
-    <el-row>
-      <el-col :span="24" class="info">
-        <el-col
-          :span="24"
-          class="list"
-          @click.native="$router.push({ path: '/market/exportDetail', query: { id: item.id } })"
-          v-for="(item, index) in list"
-          :key="index"
-        >
-          <el-col :span="4" class="left">
-            <el-image :src="item.img_path"></el-image>
-          </el-col>
-          <el-col :span="20" class="right">
-            <p>
-              <span>{{ item.name }}</span>
-            </p>
-            <p><span>从事专业:</span>{{ item.professional || '暂无' }}</p>
-            <p><span>邮箱:</span>{{ item.email }}</p>
-          </el-col>
-        </el-col>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { mapState, createNamespacedHelpers } from 'vuex';
-const { mapActions: expertsuser } = createNamespacedHelpers('expertsuser');
-export default {
-  name: 'expertList',
-  props: {},
-  components: {},
-  data: function() {
-    return {
-      list: [],
-    };
-  },
-  created() {
-    this.searchInfo();
-  },
-  methods: {
-    ...expertsuser({ expertQuery: 'query' }),
-    async searchInfo() {
-      let res = await this.expertQuery({ skip: 0, limit: 1000 });
-      if (this.$checkRes(res)) {
-        this.$set(this, `list`, res.data);
-      }
-    },
-  },
-  computed: {
-    ...mapState(['user']),
-    pageTitle() {
-      return `${this.$route.meta.title}`;
-    },
-  },
-  metaInfo() {
-    return { title: this.$route.meta.title };
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.info {
-  border-top: 1px solid #f5f5f5;
-  .list {
-    background: #fff;
-    padding: 0 10px;
-    border-bottom: 1px solid #ccc;
-    .left {
-      padding: 12px 0;
-      .el-image {
-        width: 60px;
-        height: 60px;
-        border-radius: 90px;
-      }
-    }
-    .right {
-      padding: 0 10px;
-      p {
-        font-size: 14px;
-        color: #000;
-        padding: 5px 0;
-      }
-      p:first-child {
-        color: blue;
-        font-size: 16px;
-      }
-    }
-  }
-}
-</style>

+ 0 - 87
src/views/market/parts/productList.vue

@@ -1,87 +0,0 @@
-<template>
-  <div id="productList">
-    <el-row>
-      <el-col :span="24" class="info">
-        <el-col
-          :span="24"
-          class="list"
-          @click.native="$router.push({ path: '/market/prodDetail', query: { id: item.id } })"
-          v-for="(item, index) in list"
-          :key="index"
-        >
-          <p class="textOver">{{ item.name }}</p>
-          <p>
-            <span class="ptwo"><span>产品类型:</span>{{ item.product_type_name || '暂无' }}</span>
-            <span class="ptwo"><span>产品单价</span>{{ item.price }}/{{ item.priceunit || '暂无' }}</span>
-          </p>
-          <p class="textOver"><span>产品简介:</span>{{ item.introduction || '暂无' }}</p>
-        </el-col>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { mapState, createNamespacedHelpers } from 'vuex';
-const { mapActions: product } = createNamespacedHelpers('marketproduct');
-export default {
-  name: 'productList',
-  props: {},
-  components: {},
-  data: function() {
-    return {
-      list: [],
-    };
-  },
-  created() {
-    this.searchInfo();
-  },
-  methods: {
-    ...product(['newquery']),
-    async searchInfo() {
-      let res = await this.newquery({ limit: 1000, totaltype: '1', status: '1' });
-      if (this.$checkRes(res)) {
-        this.$set(this, `list`, res.data);
-      }
-    },
-  },
-  computed: {
-    ...mapState(['user']),
-    pageTitle() {
-      return `${this.$route.meta.title}`;
-    },
-  },
-  metaInfo() {
-    return { title: this.$route.meta.title };
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.info {
-  border-top: 1px solid #f5f5f5;
-  .list {
-    background: #fff;
-    padding: 0 10px;
-    border-bottom: 1px solid #ccc;
-    p {
-      font-size: 14px;
-      color: #000;
-      padding: 5px 0;
-    }
-    p:first-child {
-      font-size: 16px;
-    }
-    p:nth-child(2) .ptwo {
-      display: inline-block;
-      width: 50%;
-    }
-    p:nth-child(2) .ptwo span:first-child {
-      color: #ccc;
-    }
-    p:last-child span {
-      color: #ccc;
-    }
-  }
-}
-</style>

+ 0 - 87
src/views/market/parts/serviceList.vue

@@ -1,87 +0,0 @@
-<template>
-  <div id="serviceList">
-    <el-row>
-      <el-col :span="24" class="info">
-        <el-col
-          :span="24"
-          class="list"
-          @click.native="$router.push({ path: '/market/prodDetail', query: { id: item.id } })"
-          v-for="(item, index) in list"
-          :key="index"
-        >
-          <p class="textOver">{{ item.name }}</p>
-          <p>
-            <span class="ptwo"><span>产品类型:</span>{{ item.product_type_name || '暂无' }}</span>
-            <span class="ptwo"><span>产品单价</span>{{ item.price }}/{{ item.priceunit || '暂无' }}</span>
-          </p>
-          <p class="textOver"><span>应用领域:</span>{{ item.field || '暂无' }}</p>
-        </el-col>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { mapState, createNamespacedHelpers } from 'vuex';
-const { mapActions: product } = createNamespacedHelpers('marketproduct');
-export default {
-  name: 'technologyList',
-  props: {},
-  components: {},
-  data: function() {
-    return {
-      list: [],
-    };
-  },
-  created() {
-    this.searchInfo();
-  },
-  methods: {
-    ...product(['newquery']),
-    async searchInfo() {
-      let res = await this.newquery({ limit: 1000, totaltype: '2', status: '1' });
-      if (this.$checkRes(res)) {
-        this.$set(this, `list`, res.data);
-      }
-    },
-  },
-  computed: {
-    ...mapState(['user']),
-    pageTitle() {
-      return `${this.$route.meta.title}`;
-    },
-  },
-  metaInfo() {
-    return { title: this.$route.meta.title };
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.info {
-  border-top: 1px solid #f5f5f5;
-  .list {
-    background: #fff;
-    padding: 0 10px;
-    border-bottom: 1px solid #ccc;
-    p {
-      font-size: 14px;
-      color: #000;
-      padding: 5px 0;
-    }
-    p:first-child {
-      font-size: 16px;
-    }
-    p:nth-child(2) .ptwo {
-      display: inline-block;
-      width: 50%;
-    }
-    p:nth-child(2) .ptwo span:first-child {
-      color: #ccc;
-    }
-    p:last-child span {
-      color: #ccc;
-    }
-  }
-}
-</style>

+ 0 - 102
src/views/market/parts/technologyList.vue

@@ -1,102 +0,0 @@
-<template>
-  <div id="technologyList">
-    <el-row>
-      <el-col :span="24" class="info">
-        <el-col
-          :span="24"
-          class="list"
-          @click.native="$router.push({ path: '/market/prodDetail', query: { id: item.id } })"
-          v-for="(item, index) in list"
-          :key="index"
-        >
-          <p class="textOver">{{ item.name }}</p>
-          <p>
-            <span class="ptwo"><span>产品类型:</span>{{ item.product_type_name || '暂无' }}</span>
-            <span class="ptwo"><span>研发阶段:</span>{{ item.phase == 1 ? '阶段成果' : item.phase == 2 ? '最终成果' : '暂无' }}</span>
-          </p>
-          <p class="textOver">
-            <span>应用领域:</span
-            >{{
-              item.field == '0'
-                ? '先进制造'
-                : item.field == '1'
-                ? '新材料'
-                : item.field == '2'
-                ? '光电子'
-                : item.field == '3'
-                ? '信息技术'
-                : item.field == '4'
-                ? '文化和科技融合'
-                : '未识别'
-            }}
-          </p>
-        </el-col>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { mapState, createNamespacedHelpers } from 'vuex';
-const { mapActions: product } = createNamespacedHelpers('marketproduct');
-export default {
-  name: 'technologyList',
-  props: {},
-  components: {},
-  data: function() {
-    return {
-      list: [],
-    };
-  },
-  created() {
-    this.searchInfo();
-  },
-  methods: {
-    ...product(['newquery']),
-    async searchInfo() {
-      let res = await this.newquery({ limit: 1000, totaltype: '0', status: '1' });
-      if (this.$checkRes(res)) {
-        this.$set(this, `list`, res.data);
-      }
-    },
-  },
-  computed: {
-    ...mapState(['user']),
-    pageTitle() {
-      return `${this.$route.meta.title}`;
-    },
-  },
-  metaInfo() {
-    return { title: this.$route.meta.title };
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.info {
-  border-top: 1px solid #f5f5f5;
-  .list {
-    background: #fff;
-    padding: 0 10px;
-    border-bottom: 1px solid #ccc;
-    p {
-      font-size: 14px;
-      color: #000;
-      padding: 5px 0;
-    }
-    p:first-child {
-      font-size: 16px;
-    }
-    p:nth-child(2) .ptwo {
-      display: inline-block;
-      width: 50%;
-    }
-    p:nth-child(2) .ptwo span:first-child {
-      color: #ccc;
-    }
-    p:last-child span {
-      color: #ccc;
-    }
-  }
-}
-</style>