page{
  background-color: #F4F4F4;
}
.container{
  width: 100vw;
  padding-top: 20rpx;
}
.top{
  margin: 0 auto 30rpx auto;
  display: flex;
  padding: 20rpx 20rpx;
  background-color: rgb(255, 255, 255);
}
.top_left, .top_right{
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  color: #666666;
  font-size: 28rpx;
}
.top_left{
  border-right: 1px solid #F4F4F4;
}
.t-tab-panel,.t-tabs__content {
  background-color: #F4F4F4 !important;
}
.t-tabs__item--active{
  color: #49B9AD !important;
  font-size: 32rpx !important;
}
.t-tabs__item-inner--line{
  font-size: 28rpx !important;
}
.t-tabs__track{
  background-color: var(--td-tab-track-color, var(--td-primary-color, #49B9AD)) !important;
}
.empty{
  width: 92vw;
  margin: 0 auto;
  height: 500rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.empty_note{
  font-size: 24rpx;
  color: #999999;
  margin-top: 30rpx;
}
.badge--t-badge {
  vertical-align: baseline !important;
}






.content{
  background-color: #fff;
  display: flex;
  flex-direction: column;
  margin-bottom: 20rpx;
}
.content_1,.content_3,.content_2{
  display: flex;
  justify-content: space-between;
  margin: 20rpx 30rpx;
  align-items: center;
}
.content_1,.content_3{
  flex: 5;
}
.name{
  font-size: 30rpx;
  color: #666666;
  height: 50rpx;
  align-items: center;
  display: flex;
}
.date{
  font-size: 30rpx;
  color: #999;
}
.content_2{
  background-color: #FAFAFA;
  font-size: 26rpx;
  color: #999999;
  min-height: 70rpx;
  padding: 10rpx 20rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 70rpx;
}
.status{
  font-size: 26rpx;
  color: #FA541C;
  flex: 1;
}
.status_end{
  color: #666666;
}
.btn{
  flex: 2;
  display: flex;
  justify-content: flex-end;
}
.content_4{
  flex: 5;
  font-size: 24rpx;
  color: #E34D59;
  justify-self:flex-end;
  text-align:right;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #E3E4E5;
  align-items: center;
  margin: 0 30rpx;
  min-height: 70rpx;
}
.dialog{
  width: 50%;
  text-align: center;
  height: 100rpx;
  line-height: 100rpx;
}
.dialog_cancel_btn{
  border-top: 1px solid #E9E9E9;
  border-right: 1px solid #E9E9E9;
}
.dialog_confirm_btn{
  border-top: 1px solid #E9E9E9;
  color: #3CC7C0;
}
.empty_box{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.parallelogram {
    margin-top: 4rpx;
    margin-left: 10rpx;
    margin-right:15rpx;
    padding:0 20rpx;
    height: 44rpx;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 28rpx;
    position: relative;
    text-decoration: none;
}

/* 添加伪元素作为平行四边形的角点 */
.parallelogram::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background:#007cff;
    transform: skewX(-20deg);
}
.parallelogram.video.parallelogram::before{
    background:#00c986;
}
.parallelogram.yinan.parallelogram::before{
    background:#ffb700;
}
.parallelogram.healthy.parallelogram::before{
    background:#ff5d6a;
}
.parallelogram.visit.parallelogram::before{
    background:#03b5e3;
}