<div style="background-color:white" class="autumn">
  <el-carousel :interval="5000" arrow="never" height="490px">
    <el-carousel-item v-for="item in loopplays" style="height:100%">
      <div class="el_gsb_img" :style="\'background: url(\' + item.leftimg + \') center center no-repeat;\'"></div>
    </el-carousel-item>
  </el-carousel>
  <!-- 第二版 -->
  <div class="autumn-two">
    <div class="autumn-two-main" @mouseleave="popupsLeave">
      <div class="autumn-two-main-left">
        <div v-for="(item,key) in popupsData" :class="pTowDataKey == key ? \'autumn-two-left-item-cla\' : \'autumn-two-left-item\'" @mouseenter="popupsList(item,key)" @click="goServiceDetails">
          <span class="autumn-two-left-item-span" :style="pTowDataKey == key ? \'border-bottom: none;\' : \'\'">
            {{item.itemTypeName}}
          </span>
        </div>
      </div>
      <div class="autumn-two-right" v-if="pTowDataKey != null">
        <div v-for="list in popupsDataList">
          <div class="clearfix" style="padding: 16px 19px;border-bottom:1px dashed #ddd;">
            <div class="autumn-tow-right-title">{{list.serviceSmallClassTypeName}}</div>
            <div class="autumn-tow-right-lists">
                <div class="autumn-tow-right-it" v-for="it in list.productList" @click="goServiceDetails()">
                  {{it.name}}
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div style="width:100%;background-color: #f9f5f4;">
    <div class="autumn-search">
      <div class="autumn-search-text">交易市场</div>
        <el-input class="autumn-search-input" v-model="inputstr" placeholder="请输入商标名称、申请号、申请人等信息" @keyup.enter.native="onfocus">
          <el-button slot="append" @click= "onfocus"  icon="el-icon-search" style="font-size: 16px;z-index:9999;border: none;">搜索</el-button>
        </el-input>
    </div>
  </div>
  <!-- jiaoyi -->
  <div style="width:1200px;margin:0 auto">
    <div class="autumn-main-top">
      <div class="autumn-main-top-item" v-for="(item,key) in SpecialPerformance" @click="navJump(item,key)"><img :src="item.logo_img" alt=""></div>
      <!-- <div class="autumn-main-top-item" @click="navJump(\'影视\')"><img src="/imgs/autumn/img2.png" alt=""></div>
      <div class="autumn-main-top-item" @click="navJump(\'日化品\')"><img src="/imgs/autumn/img3.png" alt=""></div>
      <div class="autumn-main-top-item" @click="navJump(\'服装\')"><img src="/imgs/autumn/img4.png" alt=""></div> -->
    </div>
    <div class="autumn-main-nav">
      <div class="autumn-main-nav-item" @click="autunmnTabs(1)" :style="tabNum == 1 ? \'background-color: #FC5634;color: #fff;\' : \'\'">热门商标</div>
      <div class="autumn-main-nav-item" @click="autunmnTabs(2)" :style="tabNum == 2 ? \'background-color: #FC5634;color: #fff;\' : \'\'">好标推荐</div>
      <div class="autumn-main-nav-item" @click="autunmnTabs(3)" :style="tabNum == 3 ? \'background-color: #FC5634;color: #fff;\' : \'\'">特价商标</div>
      <div class="autumn-main-nav-item" @click="autunmnTabs(4)" :style="tabNum == 4 ? \'background-color: #FC5634;color: #fff;\' : \'\'">精品商标</div>
    </div>
    <div class="autumn-main-content">
      <div v-for="item in tms" class="autumn-main-content-item" style="margin:0 2px;">
        <img :src="item.pic_url" alt="">
        <div class="content-item-shade" @click="toDetail(item.code,item.ncl_one_code)">
          <div>{{item.name}}</div>
          <div>¥{{item.platform_quoted_price}}</div>
          <div>0{{item.ncl_one_code}}{{ncldata[item.ncl_one_code].name}}</div>
        </div>
      </div>
    </div>
  </div>
  <div class="autumn-img1 autumn-bj">
    <img src="/imgs/autumn/bjimg1.png" alt="">
  </div>
  <div class="autumn-img2 autumn-bj">
    <img src="/imgs/autumn/bjimg2.png" alt="">
  </div>
  <div class="autumn-img3 autumn-bj">
    <img src="/imgs/autumn/bjimg3.png" alt="">
  </div>
</div>
