jsek-applet.git

/* pages/bookServices/detail/index.wxss */
@import "./index.skeleton.wxss";
 
.page-bookService {
  width: 100vw;
  height: 100%;
  position: relative;
}
 
.nacigationBar {
  background-color: #fff;
  display: flex;
  align-items: center;
}
 
.navbar-title {
  /* widows: 100vw; */
  display: flex;
  justify-content: center;
 
  color: #0F1214;
  font-size: 36rpx;
  z-index: -99;
}
 
.navbar-title text {
  max-width: 8em;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
 
.book {
  position: relative;
  height: calc(100vh - env(safe-area-inset-bottom) - 60px);
  /* height: calc(100vh - env(safe-area-inset-bottom) - 141px); */
  background-color: #F2F3F8;
}
 
.book-img {
  width: 240rpx;
  height: 340rpx;
  display: flex;
  align-items: center;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
}
 
.book-img image {
  height: 340rpx;
}
 
.book-detail {
  padding: 32rpx;
  display: flex;
  border-radius: 0 0 20rpx 20rpx;
}
 
.tmall-image {
  width: 64rpx !important;
}
 
.detail-left {
  margin-right: 36rpx;
}
 
.detail-right {
  position: relative;
}
 
.right-background {
  position: absolute;
  top: 80rpx;
  right: -80rpx;
  z-index: 0;
  width: 160rpx;
  height: 160rpx;
}
 
.detail-right .book-name {
  width: 420rpx;
  font-weight: bold;
  font-size: 36rpx;
  color: #000000;
  margin-bottom: 30rpx;
}
 
.showTow {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
 
.book-message {
  margin-top: 10rpx;
}
 
.message-li {
  color: #333333;
  display: flex;
  height: 40rpx;
  margin-bottom: 20rpx;
}
 
.li-title {
  width: 140rpx;
  font-size: 28rpx;
}
 
.li-content {
  width: 280rpx;
  font-size: 28rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
 
.class-name {
  height: 2.8em;
  width: 280rpx;
  font-size: 28rpx;
}
 
.book-use {
  margin-top: 16rpx;
  display: flex;
  justify-content: space-evenly;
  color: #949494;
}
 
.use-title {
  font-size: 24rpx;
}
 
.collect,
.suggest {
  display: flex;
  flex-direction: column;
  align-items: center;
}
 
.book-use image {
  width: 38rpx;
  height: 38rpx;
  margin-bottom: 8rpx;
}
 
.book-box {
  background: linear-gradient(to right, #FFB400, #FF6C00);
  border-radius: 0 0 20rpx 20rpx;
}
 
.book-detail {
  background-color: #fff;
}
 
/* 销售信息 */
.book-sale {
  padding: 0 30rpx;
  display: flex;
  align-items: center;
  width: 100%;
  height: 120rpx;
  border-radius: 0 0 20rpx 20rpx;
}
 
.book-price {
  height: 100%;
  display: flex;
}
 
.book-price image {
  width: 58rpx;
  height: 70rpx;
}
 
.paper-price,
.electron-price {
  display: flex;
  align-items: center;
}
 
.paper-price {
  margin-left: 30rpx;
}
 
.price {
  margin-left: 12rpx;
  font-size: 32rpx;
  color: #fff;
}
 
.price-text {
  font-size: 32rpx;
}
 
.price-old {
  margin-left: 10rpx;
  position: relative;
  font-size: 28rpx;
  opacity: 0.6;
  text-decoration: line-through;
  text-decoration-color: #fff;
}
 
 
.book-web {
  margin-left: 30rpx;
  display: flex;
}
 
.book-web image {
  margin-left: 20rpx;
  width: 45rpx;
  height: 45rpx;
}
 
.book-web image:first-child {
  margin-left: 0;
}
 
/* 图书资源 */
.book-resource {
  min-height: calc(100% - 637rpx);
  margin-top: 20rpx;
  background-color: #fff !important;
  --td-tab-item-height: 140rpx;
}
 
.custom-tabs {
  --td-tab-item-active-color: #FF6C00;
  --td-tab-font-size: 28rpx;
}
 
/* 底部 */
.box-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 110rpx;
}
 
.box-bottom {
  display: flex;
  border: 1px solid #DDD;
}
 
.box-bottom image {
  width: 38rpx;
  height: 44rpx;
}
 
.bottom-btn {
  background-color: #fff;
  /* width: 25%; */
  display: flex;
  flex: 2;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
}
 
.tryRead {
  flex: 1 !important;
}
 
.try {
  flex: 2 !important;
}
 
.btn-text {
  font-size: 24rpx;
  color: #010101;
}
 
.bottom-btn image {
  margin-bottom: 6rpx;
}
 
.bottom-btn:nth-child(1),
.bottom-btn:nth-child(2) {
  border-right: 1px solid #DDD;
}
 
.shopCar,
.buy {
  font-size: 26rpx;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex: 2;
}
 
.read {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #F14B3B;
}
 
.shopCarColor {
  background-color: #F1AC37;
}
 
.buyColor {
  background-color: #F14B3B;
}
 
.receiveColor {
  background-color: #F14B3B;
  width: 50% !important;
}
 
.disabledColor {
  background-color: #d9d9d9;
}
 
.tab-box {
  min-height: 550rpx;
}
 
 
.tab-class {
  --td-loading-color: #ff6c00;
  --td-tab-nav-bg-color: #fff;
  --td-tab-track-color: #ff6c00
}
 
.loading {
  min-height: 550rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.teachDownloadDialog {
  --td-button-primary-bg-color: #ff6c00;
  --td-button-primary-border-color: #ff6c00;
  --td-button-primary-active-bg-color: #ff984d;
  --td-button-primary-active-border-color: #ff984d;
}
 
.noData {
  height: 100%;
}
 
.movable-area {
  width: 100%;
  height: 100%;
}
 
.movable-view {
  width: 184rpx;
  height: 184rpx;
  top: 860rpx;
  left: 520rpx;
  z-index: 99;
}
 
.applyBox {
  width: 184rpx;
  height: 184rpx;
  position: absolute;
  bottom: 20%;
  right: 0;
}
 
.applyBox .box {
  width: 184rpx;
  height: 184rpx;
  color: #fff;
  position: relative;
}
 
.applyBox .box .t-image {
  width: 100%;
  height: 100%;
}
 
.num {
  background-color: #FD3D16;
  color: #fff;
  border: 2rpx solid #FFFFFF;
  font-size: 24rpx;
  line-height: 30rpx;
  font-weight: 400;
  width: 48rpx;
  height: 32rpx;
  text-align: center;
  border-radius: 9px;
  position: absolute;
  top: 30rpx;
  left: 118rpx;
}
 
.webView {
  height: 500rpx;
}
 
.t-tabs__item-inner {
  flex-direction: column;
}
 
.t-tabs .t-tabs__item--active {
  background-repeat: no-repeat;
  background-size: 45% 45%;
  /* background-position: 65% 50%; */
  background-position: 50% center;
  background-image: url(https://jsek.bnuic.com/home/image/click-icon.png);
 
}
 
.t-tabs__item--evenly {
  flex: 1 0 auto !important;
}
 
.loading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
 
.suggest-component .t-input__placeholder {
  font-size: 28rpx !important;
}
 
.suggest-dialog .t-input__placeholder {
  font-size: 28rpx !important;
}
 
 
.t-tabs__item-inner .t-icon {
  margin-bottom: 20rpx;
}
 
.t-tabs__item-inner .t-icon__image {
  width: 36rpx !important;
  height: 44rpx !important;
}
 
.t-tabs__nav .t-tabs__item:nth-child(3) .t-tabs__item-inner .t-icon__image {
  width: 44rpx !important;
  height: 40rpx !important;
}
 
.t-tabs__nav .t-tabs__item {
  width: 160rpx !important;
  padding: 0 !important;
}
 
.t-tabs__scroll {
  overflow-x: auto;
}
 
.t-collapse-panel__content {
  padding: 0rpx !important;
}