@import "/components/colorui/main.wxss";
@import "/components/colorui/icon.wxss";

page {
	height: 100%;
  background-color: #F8F8F8;
}

.hide {
  display: none!important;
}

.container,
input,
button {
  font: 14px "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}

.container {
  height: 100%;
  background-color: #f5f5f5;
}

.nodata{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.nodata_img{
	display: block;
	width: 45px;
	height: 45px;
}

.nodata_text{
	color:#dedede;
	font-size: 12px;
	padding-left: 10px;
}

/* 引入样式 */
@import './style/wxapp-animate/animate.wxss';

page {
  --theme-color:  #CB4042;
}

.bg-theme {
  background-color: var(--theme-color);
  color: #ffffff;
}

@keyframes rotate {
  from {
    transform-origin: center;
    transform: rotate(0);
  }

  to {
    transform-origin: center;
    transform: rotate(360deg);
  }
}

@keyframes rotate-reverse {
  from {
    transform-origin: center;
    transform: rotate(0);
  }

  to {
    transform-origin: center;
    transform: rotate(-360deg);
  }
}

.rotate-reverse {
  animation-name: rotate-reverse;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.rotate {
  animation-name: rotate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.time-36s {
  animation-duration: 36s;
}

.time-2s {
  animation-duration: 2s;
}

.shadow-lg {
  box-shadow: 0rpx 4rpx 6rpx 0rpx rgba(0, 102, 204, 0.2);
}

.touch:active {
  transform: scale(1.1);
}

.touch-s:active {
  transform: scale(1.01);
}

.btn-hover {
  background: rgb(131, 203, 241)!important;
}

.one-line-text {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}