<template>
  <div class="jdtrademark-FAQ-warpper">
    <div class="jdtrademark-FAQ">
      <div class="jdtrademark-FAQ-title">
        常见问题
        <div>聚集常见问答，解决商标申请时遇到的困难</div>
      </div>
      <ul>
        <li v-for="(item, index) in issue" :key="index">
          <div>
            <div>
              <img :src="item.img" alt />
            </div>
            <div>{{item.title}}</div>
          </div>
          <div>{{item.text}}</div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import img1 from "../../../assets/imgs/FAQ1.png";
import img2 from "../../../assets/imgs/FAQ2.png";
import img3 from "../../../assets/imgs/FAQ3.png";
export default {
  data() {
    return {
      issue: [
        {
          img: img1,
          title: "什么是商标？什么是注册商标？",
          text:
            "商标是指任何能够将自然人、法人或者其他组织的商品/服务与他人的商品/服务区别开的标志，包括文字、图形、字母、数字、三维标志、颜色组合和声音等，以及上述要素的组合。 注册商标是指经过商标主管机关依照法定程序及标准进行审查并通过，经《初步审定公告》无人提出异议的商标。"
        },
        {
          img: img2,
          title: "商标注册有风险吗？",
          text:
            "商标注册存在被商标局驳回导致申请失败的风险。申请驳回失败原因可能有：受可用文字、标识资源限制，新的商标申请容易与在先申请的商标产生近似；法律法规的相关限制等。据不完全的统计，2017年我国商标申请的驳回率约50%，2018年我国商标申请的驳回率约40%。为提高商标注册成功率，申请人可在申请时提前做好应对准备。 建议： (1) 若申请人不具有一定的专业能力，尽量选择有专业顾问指导的“专家辅助申请”和“担保注册申请”。 (2)申请时将中文、英文、图形等分开申请，通过后可以组合使用,以避免因某一部分近似而被商标局整体驳回的情况，且分开申请可以根据场景灵活组合使用。 (3) 准备备用方案，申请时可以在主要商标申请方案的基础上，增加一到两件备用商标，以便在主商标无法通过或全部通过的情况下，有其他可以使用的商标。"
        },
        {
          img: img3,
          title: "商标申请费用的标准？",
          text:
            "商标局规费收取标准为： 300元/类·件，即：1件商标在1个类别中申请10个（含10个）以内的商品。超过10个商品，每超过1个商品，每个商品加收30元。 即：在一个类别中指定15项商品，规费为：300+（15-10）×30=450元"
        }
      ]
    };
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.jdtrademark-FAQ-warpper {
  width: 100%;
  height: 570px;
  box-sizing: border-box;
  padding-top: 50px;
}

.jdtrademark-FAQ {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.jdtrademark-FAQ-title {
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFangSC;
  font-weight: 400;
  color: rgba(66, 71, 83, 1);
}

.jdtrademark-FAQ-title > div {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFangSC;
  font-weight: 400;
  color: rgba(105, 111, 127, 1);
  margin-top: 10px;
}

.jdtrademark-FAQ > ul {
  width: 1200px;
  margin: 0 auto;
  text-align: left;
}

.jdtrademark-FAQ > ul > li {
  margin-top: 30px;
}

.jdtrademark-FAQ > ul > li > div:nth-child(1) {
  display: flex;
  margin-bottom: 7px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFangSC;
  font-weight: 500;
  color: rgba(66, 71, 83, 1);
  align-items: center;
}

.jdtrademark-FAQ > ul > li > div:nth-child(1) > div:nth-child(1) {
  width: 20px;
  height: 20px;
  margin-right: 11px;
  margin-top: 2px;
}

.jdtrademark-FAQ > ul > li > div:nth-child(1) > div:nth-child(1) > img {
  width: 100%;
  height: 100%;
}

.jdtrademark-FAQ > ul > li > div:nth-child(2) {
  box-sizing: border-box;
  padding-left: 30px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFangSC;
  font-weight: 400;
  color: rgba(120, 128, 133, 1);
  line-height: 20px;
}

.showncllist-enter-active,
.showncllist-leave-active {
  transition: all 0.5s;
}

.showncllist-enter,
.showncllist-leave-to {
  opacity: 0;
}

.showncllist-enter-to,
.showncllist-leave {
  opacity: 1;
}
</style>