@import '/assets/style/weui.wxss';
page{
  font-size:32rpx;
  line-height: 1;
  background-color:#F5F5F5;
  color: #222222;
  padding-bottom:80rpx;
}

button{
  border-radius: 24rpx;
  box-sizing: border-box;
}
button label{
  display: inline-block;
  margin-left: 10rpx;
}
button .icon,button label{
  vertical-align: middle;
}
button:not([size=mini]){
  width:auto;
  /* height: 108rpx; */
  padding:30rpx 25rpx;
  font-size: 36rpx;
}
button:not([size=mini]) .icon{
  width:32rpx;height:32rpx;
}

button[type=primary]{
  background-color:#1A4DEB;
}
button:not([plain])[type=primary]:hover{
  background-color:#043eec;
}
button[type=default]{
  color: #333333;
  font-size:32rpx;
  line-height: 1;
}

button[type=primary][plain]{
  border-color: #1A4DEB;
  color:#1A4DEB;
  padding:28rpx 25rpx;
}
button[type=primary][plain]:hover{
  border-color: #1A4DEB;
  color:#1A4DEB;
}

radio-group{
  line-height: 34rpx;
}
radio-group radio{
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
radio-group label{
  display: inline-block;
  vertical-align: middle;
}

radio-group radio+label{
  margin-left:10rpx;
}
radio-group label+label{
  margin-left:20rpx;
}

radio{
  width: 34rpx;
  height: 34rpx;
  position: relative;
}
radio .wx-radio-input{
  border-radius: 50%;
  border-color: #1A4DEB;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: 20px;
  position: absolute;
  top: 0;left:0;
}
radio .wx-radio-input.wx-radio-input-checked{
  background-color:transparent;
  border-color: #1A4DEB;
}
radio .wx-radio-input.wx-radio-input-checked::before{
  content: '';
  position: absolute;
  width: 22rpx;
  height:22rpx;
  left:4rpx;top:4rpx;
  border-radius: 50%;
  background: #1A4DEB;
  transform: none;
  -webkit-transform:none
}
checkbox .wx-checkbox-input{
  width: 40rpx; 
  height: 40rpx; 
  border-radius: 50%;
}

page-container .content{
  border-radius: 24rpx 24rpx 0 0;
  background-color: #F5F5F5;
  min-height: 200rpx;
  /* padding:20rpx; */
}

.page-container{
  background-color: #fff;
  border-radius: 20rpx;
  padding:30rpx;
  margin:20rpx;
}
.page-container.shadow{
  box-shadow: 0px 6px 6px 1px rgba(0, 0, 0, 0.05);
}


.tags{
  display: flex;
  gap: 10rpx;
}
.tags .tag{
  font-size:20rpx;
  padding:6rpx 10rpx;
  color: #888888;
  border: 0.5px solid rgba(153, 153, 153, 0.5);
  border-radius: 6rpx;
}
.spliter{
  border-bottom: 1px solid rgba(153, 153, 153, 0.2);
}
.spliter.dashed{
  border-bottom: 1px dashed rgba(153, 153, 153, 0.2);
}
.money,.money-promation,.money-normal,.money-disable{
  font-size: 36rpx;
  font-weight: 500;
}
.money::before,.money-promation::before,.money-normal::before,.money-disable::before{
  content: "¥";
  font-size: 80%;
}
.money{
  color:#EB0000;
}
.money-promation{
  color:#FF8400;
}
.money-promation::before{
  content: "-¥";
}
.money-normal{
  color:unset;
}
.money-disable{
  color:#888888;
  text-decoration: line-through;
  font-size: 28rpx;
  font-weight:normal;
}

.bottom-bar{
  border-radius: 24rpx 24rpx 0 0;
  padding:24rpx 24rpx 84rpx;
  position:fixed;
  bottom:0;
  left:0;right:0;
  background-color: #fff;
}