<template>
   <div class="paper_cer_page">
       <CprHeader title="申请纸质证书"></CprHeader>
       <div class="center_box" >
           <img src="@/assets/img/paper_img.png" alt="">
           <div class="text_tip">
              《作品登记证书（纸质版）》当前只支持湖北版权局现场登记领取，线上申请暂未开放。
           </div>
           <div class="text_address">
               <Icon class="icon_img" name="icon-fuwudiqiu" size="16px" color="#333"></Icon>
               <div>
                   <div class="title">领取地址</div>
                   <div class="text_item">湖北省武昌区公正路9号 湖北省广播电视监测大楼一楼版权服务大厅 。</div>
               </div>
           </div>
           <div class="text_phone">
               <Icon class="icon_img" name="icon-24gf-telephone2" size="16px" color="#333"></Icon>
               <div>
                   <div class="title">咨询电话</div>
                   <div class="text_item">027-87329653（版权登记）</div>
                   <div class="text_item">87329478（法律维权）</div>
               </div>
           </div>
       </div>
   </div>
</template>

<script lang='ts'>
/**框架*/
import Vue from 'vue'
/**工具库*/
/**类型*/
/**组件*/
/**自定义方法*/

export default Vue.extend({
   name:'',
   components: {
       Icon: ()=>import('@/components/common/Icon.vue'),
       CprHeader: ()=>import('../component/CprHeader.vue'),
   }
})
</script>

<style scoped lang='less'>
.paper_cer_page {
   height: 100vh;
   background-color: #fff;
   padding: 0 16px 150px;
   overflow-y: scroll;
   color: #2B446C;
   font-size: 14px;
   .center_box {
       width: 90%;
       height: 100px;
       margin: 100px auto 0;
       img {
           width: 30%;
           margin: 0 auto;

       }
       .text_tip {
           margin-top: 50px;
       }
       .text_address {
           margin-top: 20px;
           display: flex;
           .icon_img {
               margin-right: 10px;
           }
           .title {
               font-size: 12px;
           }
       }
       .text_phone {
           margin-top: 20px;
           display: flex;
           .icon_img {
               margin-right: 10px;
           }
           .title {
               font-size: 12px;
           }
       }
   }

}
</style>