.content { height: 100vh; width: 100%; padding: 0 .2rem; box-sizing: border-box; background: #F8F8FB; } .box { height: 11.5rem; width: 7.1rem; position: relative; display: none; } .name { position: absolute; line-height: .4rem; font-size: .28rem; font-weight: bold; color: #4d4d4d; text-align: center; } .dogCategorys { position: absolute; font-size: .24rem; font-weight: bold; color: #4d4d4d; line-height: .4rem; text-align: center; } .levelEn { position: absolute; font-size: .24rem; font-weight: bold; color: #4d4d4d; line-height: .4rem; text-align: center; } .country { position: absolute; font-size: .24rem; font-weight: bold; color: #4d4d4d; line-height: .4rem; text-align: center; } .takeCertificateDate { position: absolute; font-size: .16rem; font-weight: bold; color: #4d4d4d; line-height: .4rem; text-align: center; } .judge { position: absolute; font-size: .2rem; font-weight: bold; color: #4d4d4d; line-height: .24rem; text-align: center; word-wrap: break-word; } // FCI美容师资格证书 .fcimrzgz{ margin-top: .54rem; background: url(../assets/fcigjmrs.jpg) center center no-repeat; background-size: cover; display: block; .name{ top: 4.8rem; left: 50%; transform: translateX(-50%); } .dogCategorys{ top: 5.85rem; left: 2.82rem; width: 1.02rem; } .levelEn{ top: 5.85rem; left: 4.55rem; width: 1.02rem; } .country { top: 6.65rem; left: 1.96rem; width: 1.87rem; } .takeCertificateDate { top: 6.65rem; left: 4.25rem; width: 1.72rem; } .judge { bottom: 2.5rem; left: 0.78rem; width: 1.75rem; } .img_signature { position: absolute; bottom: 2.5rem; left: 4.4rem; width: 2.1rem; justify-content: center; -webkit-flex-direction: row; flex-direction: row; img { width: 33.3%; } } .fci_signature { position: absolute; bottom: 1.35rem; left: 50%; transform: translateX(-50%); width: 0.787rem; height: 0.53rem; background: url(../assets/fci_signature.png) center center no-repeat; background-size: cover; display: inline-block; } }