.book.course-box1 .course-box1-img {
  height: inherit;
}
.book.course-box1 .year {
  bottom: 119px;
}
.book.course-box1:hover .course-box1-img img {
  transform: scale(1);
}
.book.course-v1Box {
  padding-bottom: 0;
}
.book.course-v1Box .course-v1Box-img {
  height: inherit;
}
.book.course-v1Box .course-v1Box-img img {
  width: 100%;
  height: 100%;
}
.book.course-v1Box .course-v1Box-txt {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  transition: 0.3s;
}
.book.course-v1Box:hover .course-v1Box-img img {
  transform: scale(1);
}
.book.class-netbox .class-netbox-pic {
  width: 105px;
}
.book.class-netbox .class-netbox-txt {
  width: calc(100% - 105px - 16px);
}
.book.class-netbox:hover .class-netbox-pic img {
  transform: scale(1);
}
.book.banBox1 {
  padding-left: 56px;
}
.book.banBox1 .banBox1-img {
  width: 46px;
}
.book.banBox1 .banBox1-img img {
  width: 100%;
  height: 100%;
}

.index-book .book.course-box1 .course-box1-txt {
  bottom: -100%;
}
.index-book .book.course-box1 .course-box1-img .year {
  bottom: -119px;
  transition: all ease-in-out 0.3s;
}
.index-book .book.course-box1:hover .course-box1-txt {
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
}
.index-book .book.course-box1:hover .course-box1-img .year {
  bottom: 119px;
}
.index-book .book.course-v1Box .course-v1Box-img .year {
  bottom: -91px;
  transition: all ease-in-out 0.3s;
}
.index-book .book.course-v1Box .course-v1Box-txt {
  bottom: -100%;
}
.index-book .book.course-v1Box:hover .course-v1Box-txt {
  bottom: 0;
}
.index-book .book.course-v1Box:hover .course-v1Box-img .year {
  bottom: 91px;
}

.sub-rmd-list-course .book.course-box1 .course-box1-img {
  height: inherit;
}

.book.my-picLi {
  padding-left: 72px;
}
.book.my-picLi .my-picLi-img {
  width: 54px;
  height: 80px;
}
.book.my-picLi .my-picLi-img img {
  width: 100%;
  height: 100%;
}
.book.my-picLi h2 {
  padding-top: 12px;
}
.book.mc-order1 {
  padding-left: 72px;
}
.book.mc-order1 .mc-order1-img {
  width: 58px;
}
.book.center-box-pic {
  padding-left: 80px;
}
.book.center-box-pic .pic {
  width: 70px;
}
.book.center-box-pic .pic img {
  width: auto;
  height: 70px;
}
.book.myBox1 {
  position: relative;
  padding-bottom: 0;
}
.book.myBox1 .myPic {
  height: auto;
}
.book.myBox1 .myPic img {
  width: 100%;
  height: 100%;
}
.book.myBox1 .myPic .year {
  bottom: 92px;
}
.book.myBox1 .con {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding-bottom: 12px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.book.myBox1 .time-count {
  bottom: 100px;
}
.book.myBox1:hover .myPic img {
  transform: scale(1);
}
.book.myBox1:hover .con {
  background-color: white;
}
.book.order-refund2box {
  padding-left: 72px;
}
.book.order-refund2box .order-refund2box-pic {
  width: 58px;
}

.netbook.class1 .class1-img {
  width: 160px;
  height: auto;
}
.netbook.class1 .class1-img img {
  width: 100%;
  height: 100%;
}
.netbook.class1 .class1-img:hover img {
  transform: scale(1);
}
.netbook.class1 .class1-txt {
  width: calc(100% - 160px - 24px);
}

.order1-n2 .book.order1-Li {
  height: 86px;
}
.order1-n2 .book.order1-Li .order1-img {
  width: 58px;
  height: 86px;
}