<template>
    <section>
         <TopNav></TopNav>
         <section class="cooper-box">
       
            <div class="cooper-count">共4个活动</div>
            <div class="cooper-list">
                <div class="cooper-item" v-for="(item,index) in list" :key="index">
                    <img src="../../images/Shape@2x.png" class="tag-img"/>
                    <div class="txt">国家基本公共卫生服务项目基层高血压管理办公室</div>
                    <span class="throw-img">
                        <img src="../../images/grey-throw.png" />
                    </span>
                </div>
            </div>
            <BackTop></BackTop>

        </section>
        
    </section>
  	
</template>

<script>
import BackTop from '../../components/common/backTop';
import TopNav from '../../components/common/topNav';
export default {
    data(){
        return {
            tittle:'转型合作',
            list:[{},{},{},{}]
        }
    },
    components:{
       BackTop,
       TopNav
    },
	mounted(){
       document.tittle = this.tittle;
    },

    methods:{
       
    },
}

</script>

<style lang="scss" scoped>
    @import '../../style/mixin';
    .cooper-box{
        padding: px2rem(15px);
        background: #fff;
    }
    .cooper-count{
        color: #999;
        font-size: px2rem(15px);
    }
    .cooper-item{
        position: relative;
        width: px2rem(345px);
        
        margin-top:px2rem(15px);
        box-shadow: 0 px2rem(2px) px2rem(6px) RGBA(42, 94, 161, 0.15);
        padding:px2rem(14px) px2rem(30px) px2rem(14px) px2rem(17px);
        .img{
            width: 100%;
            height: 100%;
        }
        .tag-img{
            width:px2rem(48px);
            height: px2rem(48px);
            float: left;
        }
        .txt{
            font-size: px2rem(15px);
            
            margin-left:px2rem(59px);
        }
        .throw-img{
            position: absolute;
            top:50%;
            right: px2rem(11px);;
            width:px2rem(14px);
            height: px2rem(14px);
            margin-top:-(px2rem(7px));
            img{
                display: block;
                width: 100%;
                height: 100%
            }
        }

        .time{
            position: absolute;
            color:#fff;
            height: px2rem(25px);
            line-height: px2rem(25px);
            background: RGBA(0, 0, 0, 0.1);
            border-radius: 0 0 px2rem(5px) px2rem(5px);
            width: 100%;
            bottom: 0;
            left: 0;
            z-index: 10;
            font-size: px2rem(14px);
            padding-left: px2rem(5px);
        }
    }

</style>
