.type_name{float:left;width:30%;margin:2% 5px;text-align:center;background:#F7F7F7;border-radius:4px;font-size:14px;height:35px;line-height:35px}
.active{
    background-color:#EEE9E9;
    color:#fff;
}
.bill-list{
    width:100%;
    height:auto;
    background:#199095;
    padding:0 39rpx;
    padding-top:40rpx;
    box-sizing:border-box;
    position:fixed;
    left:0;
    top:0;
    z-index:3;
}
.bill-list-single{
    width:182rpx;
    height:62rpx;
    border:2rpx solid #fff;
    box-sizing:border-box;
    margin:0 21rpx;
    margin-bottom:30rpx;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius:31rpx;
    text-align:center;
    line-height:58rpx;
}
.active{
    background:#fff;
    color:#199095;
}
.type-tr-gray{
    width:100%;
    padding:0 40rpx;
    box-sizing:border-box;
    background:#efeef3;
    border-bottom:0;
}
.type_th{
    width:25%;
    border-bottom:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.type_td{
    width:25%;
    font-size:30rpx;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon22-26{
    width:22rpx;
    height:26rpx;
    margin-left:6rpx;
}
.more-dot{
     width:55rpx;
     height:11rpx;
     background:transparent;
}
.type-tr-com{
    width:670rpx;
}
page{
    background:#efeef3;
}
.fixed-voice{
    width:130rpx;
    height:130rpx;
    position:fixed;
    right:40rpx;
    bottom:25rpx;
    border-radius:50%;
    background:#199095;
}
.fixed-voice text{
    height:32rpx;
}
.voice{
    width:130rpx;
    height:130rpx;
    background:transparent;
}
.voice-font{
    font-size:28rpx;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fixed-bottom{
    width:100%;
    height:160rpx;
    padding:0 40rpx;
    box-sizing:border-box;
    position:fixed;
    right:0;
    bottom:0;
    z-index:4;
}
.fixed-other-voice{
   width:130rpx;
}
.fixed-other-voice text{
    height:32rpx;
}
.all-cover{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:3;
}
.voice-block{
    width:100%;
    height:600rpx;
    padding-top:40rpx;
    box-sizing:border-box;
    background:rgba(0,0,0,.65);
    position:absolute;
    left:0;
    bottom:0;
    z-index:3;
}
@keyframes opacitychange{
    0%{
      opacity:1
    }
    50%{
      opacity:0.75
    }
    100%{
      opacity:0.5
    }
}
.voice-active{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: voiceAnimate 0.9s infinite ease-in-out;
    animation: voiceAnimate 0.9s infinite ease-in-out;
}
@keyframes voiceAnimate{
  0%{
    height:25rpx
  }
  25%{
    height:40rpx
  }
  50%{
    height:55rpx;
  }
  100%{
    height:25rpx;
  }
}
@-webkit-keyframes voiceAnimate{
  0%{
    height:25rpx
  }
  25%{
    height:40rpx
  }
  50%{
    height:55rpx;
  }
  100%{
    height:25rpx;
  }
}
.voice-image{
    width:2px;
    height:25rpx;
    border-radius: 2px;
    margin-right:10rpx;
    background:rgba(255,255,255,.8);
}

.voice-image:nth-child(2){
  animation-delay: 0.2s !important;
}

.voice-image:nth-child(3){
  animation-delay: 0.4s !important;
}
.voice-image:nth-child(4){
  animation-delay: 0.6s !important;
}

.voice-image:nth-child(5){
  animation-delay: 0.8s !important;

}
.voice-imgage-active{
    transform:scale(1);
}
.cancel-image{
    width:100rpx;
    height:121rpx;
    background:transparent;
}
.modal-alert{
    width:550rpx;
    height:auto;
    min-height:252rpx;
    position:fixed;
    left:0;
    top:50%;
    right:0;
    margin:0 auto;
    margin-top:-125rpx;
    background:#fff;
    border-radius:10rpx;
    z-index:999;
}
.modal-menu{
    width:300rpx;
    height:125rpx;
    border-bottom:1px solid #efeef3;
    margin:0 auto;
}
.modal-close{
    width:67rpx;
    height:67rpx;
    position:absolute;
    left:0;
    right:0;
    bottom:-160rpx;
    margin:0 auto;
    border:1px solid #fff;
    border-radius:50%;
}
.close-image{
    width:36rpx;
    height:36rpx;
    background:transparent;
}