/* pages/digitalCourses/digitalCoursesDetails/index.wxss */
|
@import "./index.skeleton.wxss";
|
|
image {
|
width: 100%;
|
height: 100%;
|
}
|
|
.page-bookService {
|
width: 100vw;
|
height: 100%;
|
|
}
|
|
.t-image-viewer {
|
--td-image-viewer-top: 0 !important;
|
}
|
|
.outsideContentBox {
|
position: relative;
|
background-color: #F2F3F8;
|
height: calc(100vh - env(safe-area-inset-bottom) - 60px);
|
}
|
|
.digitalCoursesDetailsTitle {
|
background: #FFFFFF;
|
/* box-shadow: 0rpx 9rpx 18rpx 2rpx rgba(0, 0, 0, 0.08); */
|
border-radius: 0 0 20rpx 20rpx;
|
padding: 30rpx;
|
position: relative;
|
}
|
|
.imageBox {
|
/* width: 100%; */
|
height: 400rpx;
|
border-radius: 20rpx;
|
overflow: hidden;
|
}
|
|
.nameBox {
|
font-weight: 800;
|
font-size: 33rpx;
|
color: #000000;
|
margin: 30rpx 0;
|
}
|
|
|
.styleCssBox {
|
display: flex;
|
font-weight: 400;
|
font-size: 25rpx;
|
color: #333333;
|
margin: 30rpx 0;
|
}
|
|
.book-box {
|
background: linear-gradient(to right, #FF6C00, #FFB400);
|
border-radius: 0 0 20rpx 20rpx;
|
}
|
|
.certificate {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
width: 100%;
|
height: 120rpx;
|
border-radius: 0 0 20rpx 20rpx;
|
color: #fff;
|
}
|
|
.old-price {
|
margin-left: 30rpx;
|
font-size: 28rpx;
|
text-decoration: line-through;
|
}
|
|
.digital {
|
background-color: #F2F3F8;
|
}
|
|
.right-background {
|
width: 160rpx;
|
height: 160rpx;
|
position: absolute;
|
top: 480rpx;
|
right: -50rpx;
|
z-index: 0;
|
}
|
|
.tabBox {
|
min-height: calc(100% - 800rpx);
|
margin-top: 20rpx;
|
background-color: #fff;
|
--td-tab-item-height: 140rpx;
|
}
|
|
.t-tabs__item--active {
|
color: #FF6C00 !important;
|
background-repeat: no-repeat;
|
background-size: 30%;
|
background-position: 50% 40%;
|
background-image: url(https://jsek.bnuic.com/home/image/click-icon.png);
|
}
|
|
.t-tabs__track {
|
background-color: #FF6C00 !important;
|
}
|
|
.t-tabs__item-inner {
|
flex-direction: column;
|
}
|
|
.t-tabs__item-inner .t-icon {
|
margin-bottom: 20rpx;
|
}
|
|
.t-tabs__item-inner .t-icon__image {
|
width: 36rpx !important;
|
height: 44rpx !important;
|
}
|
|
.rubricBox {
|
display: flex;
|
flex-direction: row;
|
margin: 50rpx;
|
margin-bottom: 0;
|
margin-left: 30rpx;
|
}
|
|
.rubricimgBox {
|
width: 40rpx;
|
height: 45rpx;
|
}
|
|
.basic {
|
margin-left: 18rpx;
|
font-size: 32rpx;
|
color: #333;
|
font-weight: bold;
|
}
|
|
.course-content {
|
padding: 30rpx;
|
}
|
|
.lecturer {
|
display: flex;
|
margin-bottom: 30rpx
|
}
|
|
|
.lecturerImangBox {
|
width: 140rpx;
|
height: 180rpx;
|
border: 2rpx solid #ccc;
|
position: relative;
|
}
|
|
.lecturerInformation {
|
width: 518rpx;
|
/* height: 143rpx; */
|
margin-left: 30rpx;
|
}
|
|
.lecturerName {
|
display: flex;
|
/* justify-content: space-between; */
|
margin-bottom: 20rpx;
|
}
|
|
.lecturerName .name {
|
color: #333;
|
|
/* width: 200rpx; */
|
}
|
|
|
.lecturerName .positionalTitle {
|
color: #949494;
|
}
|
|
.lecturerContent {
|
font-weight: 400;
|
font-size: 25rpx;
|
color: #333333;
|
line-height: 35rpx;
|
}
|
|
.tabsSelect {
|
width: 400rpx;
|
height: 68rpx;
|
margin: 0 auto;
|
display: flex;
|
align-items: center;
|
border: 2rpx solid #FF6C00;
|
border-radius: 10rpx;
|
}
|
|
.tabs-item {
|
height: 68rpx;
|
line-height: 68rpx;
|
text-align: center;
|
|
flex: 1;
|
}
|
|
.selectActive {
|
color: #fff;
|
border-radius: 8rpx;
|
background-color: #FF6C00;
|
}
|
|
.topBox {
|
display: flex;
|
justify-content: space-between;
|
padding-bottom: 20rpx;
|
border-bottom: 2rpx solid #EFF0F1;
|
}
|
|
.note-btn {
|
display: flex;
|
--td-button-primary-bg-color: #fff;
|
--td-button-primary-border-color: #ff6c00;
|
--td-button-primary-color: #ff6c00;
|
--td-button-primary-active-bg-color: #fff0e6;
|
}
|
|
.note-btn image {
|
width: 28rpx;
|
height: 32rpx;
|
margin-right: 10rpx;
|
}
|
|
.note-btn-text {
|
font-size: 28rpx;
|
}
|
|
.btn-content {
|
display: flex;
|
align-items: center;
|
}
|
|
|
.box-bottom {
|
position: fixed;
|
left: 0;
|
bottom: 0;
|
width: 100%;
|
height: 110rpx;
|
margin-bottom: env(safe-area-inset-bottom);
|
display: flex;
|
flex-direction: row;
|
border: 1px solid #DDD;
|
}
|
|
.btn-text {
|
font-size: 24rpx;
|
color: #010101;
|
}
|
|
.box-bottom image {
|
width: 38rpx;
|
height: 40rpx;
|
}
|
|
.collectionImage image {
|
width: 38rpx;
|
height: 38rpx;
|
}
|
|
.bottom-btn {
|
background-color: #fff;
|
width: 25%;
|
display: flex;
|
flex: 1;
|
align-items: center;
|
justify-content: center;
|
flex-direction: column;
|
box-sizing: border-box;
|
}
|
|
.bottom-btn:nth-child(1),
|
.bottom-btn:nth-child(2) {
|
border-right: 1px solid #DDD;
|
}
|
|
.shopCarColor {
|
border-right: 1px solid #DDD;
|
color: #fff;
|
background-color: #f0ad36;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
.buyColor {
|
border-right: 1px solid #DDD;
|
color: #fff;
|
background-color: #f04d3b;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
|
|
.certificateChart {
|
display: flex;
|
flex-direction: row;
|
margin-top: 30rpx;
|
margin-left: 40rpx;
|
}
|
|
.chart {
|
width: 230rpx;
|
height: 325rpx;
|
border: 1rpx solid #ccc;
|
margin-right: 50rpx;
|
}
|
|
.placeholder {
|
color: var(--td-text-color-placeholder);
|
line-height: 96rpx;
|
height: 96rpx !important;
|
display: flex;
|
align-items: center;
|
}
|
|
.dialog-input {
|
padding-top: 12px;
|
padding-bottom: 12px;
|
text-align: left;
|
margin-top: 32rpx;
|
border-radius: 8rpx;
|
background-color: var(--td-bg-color-page);
|
box-sizing: border-box;
|
}
|
|
/* 蒙层 */
|
.popup-box {
|
position: absolute;
|
z-index: 99;
|
top: 0;
|
background-color: rgba(0, 0, 0, 0.5);
|
width: 100%;
|
height: 100vh;
|
}
|
|
.info-center {
|
position: fixed;
|
top: 32%;
|
z-index: 999;
|
background-color: white;
|
align-items: center;
|
justify-content: center;
|
border-radius: 10rpx;
|
width: 80%;
|
margin-left: 10%;
|
margin-right: 10%;
|
}
|
|
.row-info .body {
|
min-height: 300rpx;
|
}
|
|
.dialog-title {
|
padding: 20rpx 0;
|
text-align: center;
|
font-weight: bold;
|
font-size: 29rpx;
|
color: #333333;
|
}
|
|
.input-box {
|
padding: 0 20rpx;
|
width: 92%;
|
margin-bottom: 16rpx;
|
margin-top: 60rpx;
|
}
|
|
.row-btn {
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
border-top: 1rpx solid #f1f1f1;
|
}
|
|
.row-btn view {
|
flex: 1;
|
text-align: center;
|
margin: 20rpx 10%;
|
padding: 12rpx 0;
|
font-size: 32rpx;
|
border-radius: 10rpx;
|
}
|
|
.left-btn {
|
background-color: #f1f1f1;
|
color: #5C5C5C;
|
}
|
|
.right-btn {
|
background-color: #ff6c00;
|
color: white;
|
}
|
|
.t-input {
|
background-color: var(--td-input-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
|
display: flex;
|
align-items: center;
|
flex: 1;
|
padding: var(--td-input-vertical-padding, 10rpx) !important;
|
}
|
|
.t-input__content,
|
.t-textarea {
|
border: 2rpx solid #D9D9D9 !important;
|
border-radius: 15rpx;
|
padding: 10rpx !important;
|
}
|
|
.t-input__tips,
|
.from-item .label .icon {
|
color: #f56c6c !important;
|
margin-right: 5rpx;
|
}
|
|
.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');
|
}
|
|
#pubCertificate .bgImg {
|
width: 100%;
|
height: 100%;
|
}
|
|
.certificateInfo {
|
width: 100%;
|
height: 100%;
|
position: absolute;
|
top: 0;
|
left: 0;
|
}
|
|
#pubCertificate .bookName {
|
padding-top: 260px;
|
text-align: center;
|
font-size: 30px;
|
color: #000;
|
font-family: 'FZXBSJW';
|
}
|
|
#pubCertificate .author {
|
margin-top: 30px;
|
font-size: 24px;
|
margin-left: 250px;
|
color: #000;
|
margin-bottom: 50px;
|
font-family: 'FZXBSJW';
|
}
|
|
#pubCertificate .affiliatedUnit {
|
margin-top: 13px;
|
margin-left: 46%;
|
color: #000;
|
font-family: 'SimHei', sans-serif;
|
}
|
|
#pubCertificate .website {
|
margin-top: 62px;
|
margin-left: 27%;
|
color: #000;
|
font-family: 'SimHei', sans-serif;
|
}
|
|
#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;
|
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;
|
/* background: #D9D9D9; */
|
border: 2rpx solid #ddd;
|
}
|
|
.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;
|
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;
|
|
}
|
