@charset "UTF-8";
/**
 * 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量
 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
 * Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用 
 */
.tn-popup.data-v-01456b9c {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.tn-popup__content.data-v-01456b9c {
  display: block;
  position: absolute;
  transition: all 0.25s linear;
}
.tn-popup__content--visible.data-v-01456b9c {
  -webkit-transform: translate3D(0px, 0px, 0px) !important;
          transform: translate3D(0px, 0px, 0px) !important;
}
.tn-popup__content--visible.tn-popup--center.data-v-01456b9c {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.tn-popup__content__center_box.data-v-01456b9c {
  min-width: 100rpx;
  min-height: 100rpx;
  display: block;
  position: relative;
  background-color: #FFFFFF;
}
.tn-popup__content__scroll-view.data-v-01456b9c {
  width: 100%;
  height: 100%;
}
.tn-popup__content__center--animation-zoom.data-v-01456b9c {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.tn-popup__scroll_view.data-v-01456b9c {
  width: 100%;
  height: 100%;
}
.tn-popup--left.data-v-01456b9c {
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
}
.tn-popup--right.data-v-01456b9c {
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #FFFFFF;
}
.tn-popup--top.data-v-01456b9c {
  left: 0;
  right: 0;
  top: 0;
  background-color: #FFFFFF;
}
.tn-popup--bottom.data-v-01456b9c {
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
}
.tn-popup--center.data-v-01456b9c {
  display: flex;
  flex-direction: column;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.tn-popup__close.data-v-01456b9c {
  position: absolute;
}
.tn-popup__close--top-left.data-v-01456b9c {
  top: 30rpx;
  left: 30rpx;
}
.tn-popup__close--top-right.data-v-01456b9c {
  top: 30rpx;
  right: 30rpx;
}
.tn-popup__close--bottom-left.data-v-01456b9c {
  bottom: 30rpx;
  left: 30rpx;
}
.tn-popup__close--bottom-right.data-v-01456b9c {
  bottom: 30rpx;
  right: 30rpx;
}
.tn-popup__mask.data-v-01456b9c {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.25s linear;
  transition-property: opacity;
  opacity: 0;
}
.tn-popup__mask--show.data-v-01456b9c {
  opacity: 1;
}