| | |
| | | margin-right: 50rpx; |
| | | } |
| | | |
| | | .chartImage { |
| | | width: 230rpx; |
| | | height: 325rpx; |
| | | } |
| | | |
| | | .placeholder { |
| | | color: var(--td-text-color-placeholder); |
| | | line-height: 96rpx; |
| | |
| | | text-align: center; |
| | | } |
| | | |
| | | .myCanvas { |
| | | position: fixed; |
| | | top: 110%; |
| | | } |
| | | |
| | | #pubCertificate { |
| | | width: 595px; |
| | | height: 845px; |
| | | position: relative; |
| | | position: fixed; |
| | | top: 110%; |
| | | background-image: url('https://jsek.bnuic.com/home/certificate/szkc.jpg'); |
| | | } |
| | | |
| | | .pubCon { |
| | | width: 100%; |
| | | height: 100%; |
| | | position: relative; |
| | | } |
| | | |
| | | #pubCertificate .bgImg { |
| | |
| | | } |
| | | |
| | | #pubCertificate .bookName { |
| | | padding-top: 260px; |
| | | padding-top: 256px; |
| | | width: 500px; |
| | | height: 66px; |
| | | margin: 0 auto; |
| | | text-align: center; |
| | | font-size: 30px; |
| | | color: #000; |
| | |
| | | } |
| | | |
| | | #pubCertificate .author { |
| | | margin-top: 30px; |
| | | height: 80px; |
| | | width: 290px; |
| | | font-size: 24px; |
| | | margin-left: 250px; |
| | | color: #000; |
| | | margin-bottom: 50px; |
| | | font-family: 'FZXBSJW'; |
| | | } |
| | | |
| | | #pubCertificate .affiliatedUnit { |
| | | margin-top: 13px; |
| | | height: 29px; |
| | | width: 250px; |
| | | margin-left: 46%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #pubCertificate .website { |
| | | margin-top: 62px; |
| | | margin-top: 50px; |
| | | margin-left: 27%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | |
| | | } |
| | | |
| | | #pubCertificate .codeBox { |
| | |
| | | #textCertificate { |
| | | width: 595px; |
| | | height: 845px; |
| | | position: relative; |
| | | position: fixed; |
| | | top: 110%; |
| | | /* background-image: url('https://jsek.bnuic.com/home/certificate/kczs.jpg'); */ |
| | | } |
| | | |
| | |
| | | clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); |
| | | margin: 0 auto; |
| | | overflow: hidden; |
| | | |
| | | |
| | | } |
| | | |
| | | #textCertificate .img { |
| | |
| | | } |
| | | |
| | | #textCertificate .userName { |
| | | height: 74rpx; |
| | | font-size: 70rpx; |
| | | height: 38px; |
| | | font-size: 38px; |
| | | padding-top: 26px; |
| | | text-align: center; |
| | | font-family: 'FZXBSJW'; |
| | | } |
| | | |
| | | #textCertificate .bookName { |
| | | padding-top: 30px; |
| | | margin-left: 460rpx; |
| | | |
| | | font-size: 20px; |
| | | padding-top: 32px; |
| | | margin-left: 230px; |
| | | width: 300px; |
| | | height: 60px; |
| | | font-size: 18px; |
| | | color: #000; |
| | | font-family: 'FZXBSJW'; |
| | | } |
| | | |
| | | #textCertificate .author { |
| | | margin-top: 84rpx; |
| | | line-height: 14px; |
| | | height: 28px; |
| | | margin-left: 52%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | #textCertificate .classHours { |
| | | margin-top: 20rpx; |
| | | height: 30px; |
| | | margin-left: 52%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | #textCertificate .affiliatedUnit { |
| | | margin-top: 26rpx; |
| | | height: 26px; |
| | | margin-left: 33%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | #textCertificate .studyTime { |
| | | margin-top: 22rpx; |
| | | margin-left: 33%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | #textCertificate .website { |
| | | margin-top: 40rpx; |
| | | margin-top: 20px; |
| | | margin-left: 27%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | |
| | | } |
| | | |
| | | #textCertificate .updateDate { |
| | | margin-top: 30px; |
| | | margin-top: 60rpx; |
| | | text-align: center; |
| | | font-size: 12px; |
| | | font-size: 24rpx; |
| | | color: #000; |
| | | } |
| | | |
| | | .qrcode { |
| | | width: 160rpx; |
| | | height: 160rpx; |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | |
| | | |
| | | .rubricBox { |