MiniPrograms/unpackage/dist/dev/mp-weixin/components/th-autograph/th-autograph.wxss

.autograph.data-v-47289344 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.horizontalScreen.data-v-47289344 {
  left: -150rpx !important;
  bottom: 0 !important;
  right: auto !important;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
.rote-text.data-v-47289344 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.action-box.data-v-47289344 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.th-submit.data-v-47289344 {
  width: 150rpx;
  height: 100rpx;
  background-color: #4169E1;
  border-radius: 70rpx 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 30rpx;
}
.action-bar.data-v-47289344 {
  margin-bottom: 30rpx;
  margin-right: 35rpx;
}
.action-bar image.data-v-47289344 {
  width: 40rpx;
  height: 40rpx;
}
.action-bar > image.data-v-47289344 {
  transition: all 0.3s;
}
.action-bar > view.data-v-47289344 {
  display: flex;
  flex-direction: column;
}
.action-bar > view image.data-v-47289344 {
  width: 40rpx;
  height: 40rpx;
  margin-bottom: 52rpx;
}
.autograph-box.data-v-47289344 {
  width: 100%;
  height: 100%;
  position: relative;
}
.autograph-box .default-text.data-v-47289344 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  z-index: -1;
  justify-content: center;
  font-size: 38rpx;
  color: #C0C0C0;
  letter-spacing: 5rpx;
}
.roteRight.data-v-47289344 {
  -webkit-transform: rotate(136deg);
          transform: rotate(136deg);
}
.roteLeft.data-v-47289344 {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.action-open.data-v-47289344 {
  -webkit-animation: bounceIn-data-v-47289344 1s;
          animation: bounceIn-data-v-47289344 1s;
}
.action-close.data-v-47289344 {
  -webkit-animation: bounceOut-data-v-47289344 0.5s forwards;
          animation: bounceOut-data-v-47289344 0.5s forwards;
}
@-webkit-keyframes bounceIn-data-v-47289344 {
0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
}
to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
}
@keyframes bounceIn-data-v-47289344 {
0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
}
to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
}
@-webkit-keyframes bounceOut-data-v-47289344 {
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    display: none;
}
}
@keyframes bounceOut-data-v-47289344 {
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    display: none;
}
}