<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<styleRepositoryVO id="__hd0zBjHmOmgDbIqFLx4">
  <name>cer</name>
  <parentId>__LgZds5MVHW3o08T7UcX</parentId>
  <applicationid>__LgZds5MVHW3o08T7UcX</applicationid>
  <content><![CDATA[<style type="text/css" style="font-size: 16px;">
    p {
      margin: 0;
      padding: 0;
    }
  
    /*sm*/
    @media (max-width: 720px) {
      #app {
        height: 100%;
        overflow: auto;
      }
  
      .certificate {
        width: 44.38rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        height: 100vh;
        max-width: 100%;
        background: url(https://bcxin-saas-test.obs.cn-north-1.myhuaweicloud.com:443/upload%2F2021-11-25%2F1637825768736056960.png) no-repeat 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-size: 100% 100%;
        padding: 2rem 0;
      }
  
      .certificate .card-left,
      .certificate .card-right {
        transform: rotate(90deg);
        width: 100%;
        height: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center;
        box-sizing: border-box;
      }
      .card-left .left-header {
        box-sizing: border-box;
        position: relative;
        padding-left: 1.88rem;
      }
  
      .card-left .left-header .text {
        width: 16.47rem;
        font-size: 1rem;
        line-height: 2rem;
      }

  
      .card-left .left-header .text .name {
        display: inline-block;
        margin-left: 2.75rem;
        text-align: center;
        padding: 0 1.54rem;
        font-size: 0.8rem;
        border-bottom: 1px solid #040000;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
  
      .qrcode {
        width: 4.5rem;
        height: 4.5rem;
        display: block;
        margin: 1.3rem auto;
      }
  
      .card-info {
        padding-left: 1.94rem;
        font-size:0.8rem;
      }
      .infoMar{
        margin: 0.63rem 0 0.72rem;
      }
      .card-id{
        font-size: 1rem;
      }
      /* .user {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      } */
  
      .user-photo {
        width: 5rem;
        height: 6rem;
        display: block;
        margin: 0rem auto 2.13rem;
      }
  
      .user-info {
        margin-left: 20px;
        margin-bottom: 0.5rem;
        font-size: 1rem;
      }
  
      .user-id {
        margin-top: 5.7rem;
        margin-left: 20px;
        font-size: 1rem;
      }
    }
  
    /*xl*/
    @media (min-width: 721px) {
      #app {
        height: 100%;
        overflow: auto;
      }
  
      .certificate {
        width: 44.38rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        /* width: 20rem; */
        max-width: 100%;
        margin: 0 auto;
        background: url(https://bcxin-saas-test.obs.cn-north-1.myhuaweicloud.com:443/upload%2F2021-11-25%2F1637825768736056960.png) no-repeat 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-size: 100% 100%;
        padding: 4rem 0;
      }
  
      .certificate .card-left,
      .certificate .card-right {
        transform: rotate(0deg);
        box-sizing: border-box;
        width: 50%;
        height: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0rem 0rem;
      }
  
      .card-left .left-header {
        box-sizing: border-box;
        position: relative;
        padding-left: 1.88rem;
      }


      .card-left .left-header .text {
        width: 16.47rem;
        font-size: 1rem;
        line-height: 2rem;
      }
  
      .card-left .left-header .text .name {
        display: inline-block;
        margin-left: 2.75rem;
        text-align: center;
        padding: 0 1.54rem;
        font-size: 1.18rem;
        border-bottom: 1px solid #040000;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
  
      .qrcode {
        width: 6.53rem;
        height: 6.53rem;
        display: block;
        margin: 7% 12rem;
      }
  
      .card-info {
        padding-left: 1.94rem;
        font-size: 1.18rem;
      }
      .card-id{
        font-size: 1.38rem;
      }
      .infoMar {
        margin: 0.63rem 0 1.44rem;
      }
  
      .user-photo {
        width: 4.69rem;
        height: 6.63rem;
        display: block;
        margin: 0rem 167px 32px;
      }
  
      .user-info {
        margin-left: 20px;
        margin-bottom: 8px;
        font-size: 1.2rem;
      }
  
      .user-id {
        margin-top: 6.3rem;
       
      }
    }
  
    /*mini*/
    @media (max-width: 320px) {
  
    }
  
    @media (max-width: 1000px)and (min-width:320px) {}
  </style>]]></content>
  <version>0</version>
</styleRepositoryVO>