<div class="policylist-warpper">
    <div class="policylist" v-if="detailPageType">
        <div class="policylist-tile" 　style="margin-top: 15px;">
            <div class="policyquery-items">
                <div class="items_item" :style="headerHeight1 ? \'height:45px\' : \'height:auto\'">
                    <div :class="quanbu == item.title ? \'pitch\' : \'\'" v-for="(item,index) in quanData1"
                        @click="quanClick1(item)">
                        {{item.title}}</div>
                </div>

            </div>
        </div>

        <div style="display: flex;
           margin-top: 30px;">
            <div class="policylist-content" style="background: rgba(255,255,255,1);
            border-radius: 2px;
            border: 1px solid rgba(225,225,225,1);width: 77%;">
                <div class="brandfind-main-equal-form-box-null" v-if="recommendationsArr.length==0"
                    style="height:500px;">
                    <!-- 没数据 -->
                    <div class="shuju">
                        <img src="/imgs/toubu.png" alt="">
                        <!-- <div class="shuju">暂无数据</div> -->
                    </div>
                </div>
                <div v-else class="policylist-content-list" v-for="(i,k) in recommendationsArr">
                    <div class="policylist-conten-title" @click="articleDetails(i)">
                        <div class="shenbao2"> {{i.name}} </div>
                    </div>
                    <div>
                        <div class="policylist-conten-items" 　style="overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    width: 80%;"><span>{{i.first_section}}</span>
                        </div>
                        <div class="policylistsitems"><span>
                                <p style="float: right;
                                        margin-top: -20px;"><img src="/imgs/riqi.png" alt="">&nbsp;申报日期：{{i.begindate}}
                            </span></p>
                        </div>
                    </div>
                </div>

            </div>
            <div class="policylist-content">
                <div class="shuju2" style="margin-left: 19px;">
                    <el-carousel :interval="5000" arrow="never" height="200px">
                        <el-carousel-item v-for="item in loopplays" style="height:100%;cursor: pointer;">
                            <div class="el_gsb_img"
                                :style="\'background: url(\' + item.leftimg + \') center center no-repeat;\'"
                                @click="payClick()"></div>
                        </el-carousel-item>
                    </el-carousel>
                </div>
                <br>
                <div class="shuju3">
                    <img src="/imgs/declare_dakuang.png" alt="">
                    <!-- <div class="shuju">暂无数据</div> -->
                </div>

            </div>
        </div>
        <div class="policylist-pagination" v-show="recommendationsArr.length">
            <el-pagination background layout="prev, pager, next" @current-change="handleCurrentChange" :total="total">
            </el-pagination>
        </div>
        <div v-else></div>
    </div>

    <div class="policylist" v-if="!detailPageType">
        <div class="policylist-header1" style="border:none;">
            <div class="header-left">当前位置：<span @click="next">区域政策 > </span><span style="color: #108EE9;">政策详情</span>
            </div>
        </div>
        <div style="width: 100%;height: 25px;"></div>
        <div class="policylist-portrayal">
            <div class="portrayal-left">政策画像</div>
            <div class="portrayal-right">
                <div class="portrayal-right-list" v-for="(item,key) in portrayalArr" :key="key" :style="rgba()">{{item}}
                </div>
            </div>
        </div>
        <div class="henxian"></div>
        <div class="policylist-essay">
            <div class="essay-title">
                <div class="essay-title-name">{{recommendationsObj.name}}</div>
                <div class="essay-title-list">
                    <span>阅读量：{{count}}</span><span>申报日期：{{recommendationsObj.begindate}}</span>
                </div>
            </div>
            <div class="essay-content" v-html="recommendationsObj.policytext"></div>
        </div>
        <!-- <div class="policylist-buttons"> -->
        <!-- <div style="border:1px solid rgba(88,184,72,1);color: #2AA515"><img src="/imgs/wx.png" alt="">分享到微信</div>
                        <div style="border:1px solid rgba(228,109,108,1);color: #E46D6C"><img src="/imgs/wb.png" alt="">分享到微博</div>
                        <div style="border:1px solid rgba(255,189,29,1);color: #FFBD1D"><img src="/imgs/sc.png" alt="">收藏</div> -->
        <!-- <div style="border:1px solid rgba(78,140,238,1);color:#4E8CEE" @click="consulting"><img src="/imgs/zx.png" alt="">政策咨询</div> -->
        <!-- </div> -->
        <!-- <div class="policylist-navigation">
                        <div @click="before(rKey)" v-if="recommendationsObjBefore">上一篇：{{recommendationsObjBefore.name}}</div>
                        <div @click="after(rKey)" v-if="recommendationsObjAfter">下一篇：{{recommendationsObjAfter.name}}</div>
                </div> -->
        <!-- <div class="policylist-qr">
                <img src="/imgs/gsb.png" alt=""> 扫一扫，关注iBOSS微信服务号，随时随地了解行业政策最新资讯
            </div> -->
    </div>
</div>