page{ background-color: #F6F6F6; } .container{ width: 100vw; } .t-tabs__content{ background-color: #F6F6F6; } .t-tabs__item--active{ color: #49B9AD !important; } .t-tabs__track{ background-color: var(--td-tab-track-color, var(--td-primary-color, #49B9AD)) !important; } .item_list{ width: 90vw; margin: 0 auto; } .item{ width: 100%; border-radius: 20rpx; background-color: #fff; margin: 20rpx 0; } .namebox{ display: flex; } .item_top{ position: relative; height: 100rpx; display: flex; justify-content:space-between; align-items: center; padding: 0 32rpx; } .item_top::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: 32rpx; left: 32rpx; bottom: 0; border-bottom: 1px dashed var(--td-cell-border-color, var(--td-gray-color-3, #999)); transform: scaleY(0.5); } .item_top_name{ color: #3CC7C0; font-size: 34rpx; } .item_top_sex{ margin-left: 30rpx; font-size: 34rpx; color: #666; } .item_top_status_box{ } .item_top_status{ padding: 10rpx; color: #FA541C; background-color: #FFF2E8; text-align: center; border-radius: 10rpx; font-size: 24rpx; } .item_top_status_no{ color: #fff; background-color: #999; } .item_content{ padding: 20rpx 32rpx 0rpx 32rpx; } .item_content_li{ display: flex; padding-bottom: 20rpx; } .item_content_li_title{ font-size: 30rpx; } .item_content_li_txt{ margin-left: 10rpx; flex: 1; word-break: break-all; color: #666666; font-size: 28rpx; } .item_bottom{ height: 120rpx; } .item_bottom_btn{ position: relative; top: 50%; transform: translateY(-50%); margin-right: 32rpx; float: right; text-align: center; color: #fff; padding: 15rpx 20rpx 15rpx 20rpx; width: 150rpx; background: linear-gradient(305deg, #FF931A 0%, #FCB75D 100%); border-radius: 50rpx; letter-spacing: 5rpx; font-size: 28rpx; } .item_bottom_btn_repeat{ background: linear-gradient(129deg, #13DFD5 0%, #31C9C1 100%); }