| | |
| | | .page-bookService { |
| | | width: 100vw; |
| | | height: 100%; |
| | | |
| | | } |
| | | |
| | | .t-image-viewer { |
| | | --td-image-viewer-top: 0 !important; |
| | | } |
| | | |
| | | .outsideContentBox { |
| | |
| | | .t-input__placeholder, |
| | | .t-textarea__placeholder { |
| | | font-size: 28rpx !important; |
| | | } |
| | | |
| | | .contentImg { |
| | | width: 189rpx; |
| | | height: 264rpx; |
| | | border: 2rpx solid #949494; |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .buttonBox { |
| | | margin: 10rpx; |
| | | text-align: center; |
| | | } |
| | | |
| | | #pubCertificate { |
| | | width: 595px; |
| | | height: 845px; |
| | | position: relative; |
| | | background-image: url('https://jsek.bnuic.com/home/certificate/szkc.jpg'); |
| | | } |
| | | |
| | | .bgImg { |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | } |
| | | |
| | | .certificateInfo { |
| | | width: 100%; |
| | | height: 100%; |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | } |
| | | |
| | | .bookName { |
| | | padding-top: 260px; |
| | | text-align: center; |
| | | font-size: 30px; |
| | | color: #000; |
| | | font-family: 'FZXBSJW'; |
| | | } |
| | | |
| | | .author { |
| | | margin-top: 30px; |
| | | font-size: 24px; |
| | | margin-left: 250px; |
| | | color: #000; |
| | | margin-bottom: 50px; |
| | | font-family: 'FZXBSJW'; |
| | | } |
| | | |
| | | .affiliatedUnit { |
| | | margin-top: 13px; |
| | | margin-left: 46%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | .website { |
| | | margin-top: 62px; |
| | | margin-left: 27%; |
| | | color: #000; |
| | | font-family: 'SimHei', sans-serif; |
| | | } |
| | | |
| | | .codeBox { |
| | | margin-top: 24px; |
| | | text-align: center; |
| | | } |
| | | |
| | | |
| | | .rubricBox { |
| | | display: flex; |
| | | flex-direction: row; |
| | | margin: 40rpx; |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | .rubricimgBox { |
| | | width: 40rpx; |
| | | height: 45rpx; |
| | | } |
| | | |
| | | .basic { |
| | | margin-left: 18rpx; |
| | | font-size: 32rpx; |
| | | color: #333; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .basic-content { |
| | | padding: 30rpx 40rpx; |
| | | } |
| | | |
| | | .correlationImage { |
| | | width: 300rpx; |
| | | height: 180rpx; |
| | | } |
| | | |
| | | .correlation { |
| | | display: flex; |
| | | flex-direction: row; |
| | | justify-content: space-between; |
| | | flex-wrap: wrap; |
| | | margin: 30rpx 50rpx; |
| | | margin-bottom: 160rpx; |
| | | } |
| | | |
| | | .correlationName { |
| | | width: 300rpx; |
| | | margin-top: 20rpx; |
| | | word-break: break-all; |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 2; |
| | | -webkit-box-orient: vertical; |
| | | overflow: hidden; |
| | | font-weight: bold; |
| | | font-size: 25rpx; |
| | | color: #333333; |
| | | } |
| | | |
| | | .textBook { |
| | | background-color: #fff6f0; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | padding: 20rpx 32rpx; |
| | | margin-top: 30rpx; |
| | | |
| | | } |
| | | |
| | | .testBtnBox { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | padding: 20rpx 32rpx; |
| | | margin-top: 30rpx; |
| | | border-top: 2rpx solid #ededed; |
| | | border-bottom: 2rpx solid #ededed; |
| | | } |
| | | |
| | | .textTile { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .leftImg { |
| | | width: 56rpx; |
| | | height: 56rpx; |
| | | margin-right: 28rpx; |
| | | } |
| | | |
| | | .reabtn { |
| | | color: #FF6C00; |
| | | } |
| | | |
| | | .reabtn { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .readImage { |
| | | width: 32rpx; |
| | | height: 30rpx; |
| | | margin-right: 8rpx; |
| | | |
| | | } |