.turn-zoom {
  -moz-transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
  -moz-transition-duration: 0s !important;
  -webkit-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.turn-page {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.turn-page-wrapper {
  position: absolute;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.turn-page-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.turn-page-shadow-n {
  background-image: linear-gradient(to bottom, rgba(0,0,0,.25) 94%, rgba(0,0,0,0) 100%), linear-gradient(to left, rgba(0,0,0,.25), rgba(0,0,0,0));
}
.turn-page-shadow-ne {
  background-image: linear-gradient(to bottom, rgba(0,0,0,.25) 94%, rgba(0,0,0,0) 100%), linear-gradient(to right, rgba(0,0,0,.25), rgba(0,0,0,0));
}
.turn-page-shadow-e {
  background-image: linear-gradient(to right, rgba(0,0,0,.25) 94%, rgba(0,0,0,0) 100%), linear-gradient(to top, rgba(0,0,0,.25), rgba(0,0,0,0));
}
.turn-page-shadow-s {
  background-image: linear-gradient(to top, rgba(0,0,0,.25) 94%, rgba(0,0,0,0) 100%), linear-gradient(to right, rgba(0,0,0,.25), rgba(0,0,0,0));
}
.turn-page-shadow-w {
  background-image: linear-gradient(to left, rgba(0,0,0,.25) 94%, rgba(0,0,0,0) 100%), linear-gradient(to top, rgba(0,0,0,.25), rgba(0,0,0,0));
}
.turn-page-shadow-vertical {
  background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.25) 50%, rgba(0,0,0,0));
}
.turn-page-shadow-simple {
  background-image: linear-gradient(to left, rgba(0,0,0,.25), rgba(0,0,0,0));
}

/* 👇 下面这些是你缺失的 —— 书角拖拽必需样式 👇 */

.turn-corner {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  height: 100px;
  z-index: 1000;
  cursor: default;
  overflow: hidden;
}
.turn-corner-tl {
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
}
.turn-corner-tr {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.turn-corner-bl {
  bottom: 0;
  left: 0;
  top: auto;
  right: auto;
}
.turn-corner-br {
  bottom: 0;
  right: 0;
  top: auto;
  left: auto;
}
.turn-corner-hover {
  background-color: rgba(0,0,0,0.05);
}
.turn-flipper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.turn-viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.turn-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}