| | |
| | | text-align: center; |
| | | } |
| | | |
| | | |
| | | #pubCertificate { |
| | | width: 595px; |
| | | height: 845px; |
| | | position: relative; |
| | | /* background-image: url('https://jsek.bnuic.com/home/certificate/szkc.jpg'); */ |
| | | background-image: url('https://jsek.bnuic.com/home/certificate/szkc.jpg'); |
| | | } |
| | | |
| | | .bgImg { |
| | | #pubCertificate .bgImg { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | |
| | | left: 0; |
| | | } |
| | | |
| | | .bookName { |
| | | #pubCertificate .bookName { |
| | | padding-top: 260px; |
| | | text-align: center; |
| | | font-size: 30px; |
| | |
| | | font-family: 'FZXBSJW'; |
| | | } |
| | | |
| | | .author { |
| | | #pubCertificate .author { |
| | | margin-top: 30px; |
| | | font-size: 24px; |
| | | margin-left: 250px; |
| | |
| | | font-family: 'FZXBSJW'; |
| | | } |
| | | |
| | | .affiliatedUnit { |
| | | #pubCertificate .affiliatedUnit { |
| | | margin-top: 13px; |
| | | margin-left: 46%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | .website { |
| | | #pubCertificate .website { |
| | | margin-top: 62px; |
| | | margin-left: 27%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | .codeBox { |
| | | #pubCertificate .codeBox { |
| | | margin-top: 24px; |
| | | text-align: center; |
| | | } |
| | | |
| | | #textCertificate { |
| | | width: 595px; |
| | | height: 845px; |
| | | position: relative; |
| | | background-image: url('https://jsek.bnuic.com/home/certificate/kczs.jpg'); |
| | | } |
| | | |
| | | #textCertificate .userIcon { |
| | | padding-top: 233px; |
| | | } |
| | | |
| | | #textCertificate .hexagon { |
| | | width: 103px; |
| | | height: 117px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); |
| | | margin: 0 auto; |
| | | overflow: hidden; |
| | | |
| | | |
| | | } |
| | | |
| | | #textCertificate .img { |
| | | width: 103px; |
| | | height: 117px; |
| | | } |
| | | |
| | | #textCertificate .userName { |
| | | height: 74rpx; |
| | | font-size: 70rpx; |
| | | padding-top: 26px; |
| | | text-align: center; |
| | | font-family: 'FZXBSJW'; |
| | | } |
| | | |
| | | #textCertificate .bookName { |
| | | padding-top: 30px; |
| | | margin-left: 460rpx; |
| | | |
| | | font-size: 20px; |
| | | color: #000; |
| | | font-family: 'FZXBSJW'; |
| | | } |
| | | |
| | | #textCertificate .author { |
| | | margin-top: 84rpx; |
| | | margin-left: 52%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | #textCertificate .classHours { |
| | | margin-top: 20rpx; |
| | | margin-left: 52%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | #textCertificate .affiliatedUnit { |
| | | margin-top: 24rpx; |
| | | margin-left: 40%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | #textCertificate .studyTime { |
| | | margin-top: 24rpx; |
| | | margin-left: 33%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | #textCertificate .website { |
| | | margin-top: 40rpx; |
| | | margin-left: 27%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | #textCertificate .codeBox { |
| | | margin-top: 16px; |
| | | text-align: center; |
| | | } |
| | | |
| | | #textCertificate .updateDate { |
| | | margin-top: 30px; |
| | | text-align: center; |
| | | font-size: 12px; |
| | | color: #000; |
| | | } |
| | | |
| | | |
| | | |
| | | .rubricBox { |
| | | display: flex; |