page{
  background-color: #F4F4F4;
}
.container{
  width: 100vw;
}
.top{
  width: 92vw;
  margin: 20rpx auto 0 auto;
  background-color: #3CC7C0;
  height: 150rpx;
  border-radius: 20rpx;
  color: #ffffff;
}
.top_txt{
  display: flex;
  align-items: center;
  height: 110rpx;
  padding-left: 20rpx;
}
.monthbox{
  width: 92vw;
  margin: 20rpx auto 0 auto;
  background-color: #ffffff;
  padding:26rpx 0 20rpx;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
}
.month{
  flex: 3;
  display: flex;
  align-items: center;
  font-size: 50rpx;
  padding-left: 20rpx;
}
.account{
  flex: 2;
  display: flex;
  justify-content: space-around;
  color: #666666;
  font-size: 28rpx;
}
.account_left{
  flex: 1;
  text-align: center;
  text-align: left;
  margin-left: 20rpx;
}
.account_right{
  flex: 1;
  text-align: center;
  text-align: left;
}
.txt_title{
  font-size: 34rpx;
  margin: 20rpx 0;
  position: relative;
  left: 4vw;
  width: 20vw;
}
.content{
  width: 92vw;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 20rpx;
 overflow: hidden;
}
.t-picker__confirm{
  color: #3CC7C0 !important;
}
.titlebox{
  margin:0 30rpx;
  display: flex;
}
.titlebox .name{
  color: #000000;
}
.question{
 color:rgba(0,0,0,0.6);
}
.tixian{
  width: 200rpx;
height: 70rpx;
background: linear-gradient(310deg, #FF931A 0%, #FF931A 0%, #FCB75D 100%);
border-radius: 10rpx;
font-size: 32rpx;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
color: #FFFFFF;
}
.accoutbox{
  margin:20rpx 30rpx 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 26rpx;
  
}
.line{
  width:100%;
  height:1rpx;
  background-color:#E5E5E5;
}
.mark{
  font-size: 42rpx;
font-weight: 400;
color: #333333;
}
.cashbox{
  margin:20rpx 30rpx 0;
  display: flex;
  justify-content: space-between;
}
.accountNum{
  font-size: 64rpx;
font-family: ArialMT;
color: #333333;
}
.titlename{
  font-size: 28rpx;
font-weight: 400;
color: #999999;
}
.today,.finish{
  /* flex:1; */
}
.money{
  margin-top: 16rpx;
  font-size: 36rpx;
font-weight: 400;
color: #000000;
}
.van-cell:after{
  left:0rpx!important;
  right:0rpx!important;
}
.van-cell{
  padding:35rpx 16rpx!important;
}
.dialog{
  width: 100%;
  text-align: center;
  height: 100rpx;
  line-height: 100rpx;
}
.dialog_cancel_btn{
  position: relative;
}
.dialog_cancel_btn::before {
  content: ' ';
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  border-top: 2px solid var(--td-border-color, #e7e7e7);
  border-right: 2px solid var(--td-border-color, #e7e7e7);
  transform: scale(0.5);
  transform-origin: 0 0;
  width: 200%;
  height: 200%;
  border-radius: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.dialog_confirm_btn{
  border-top: 1px solid #E9E9E9;
  color: #3CC7C0;
}
.t-button__content{
  color: #3CC7C0 !important;
}
.t-dialog__button--text:before {
  border-top: 2px solid #E9E9E9 !important;
  border-left: 2px solid var(--td-border-color, #E9E9E9);
  border-top-color: #E9E9E9 !important;
}
.slotcontent{
  margin-top: 20rpx;
}
.slotcontent .msg{
  font-size: 34rpx;
font-weight: 400;
color: #666;
line-height: 48rpx;
}