.layui-container {
    width:100%;
}

.content-div {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 60px;
}

.card {
    position: relative; /* 添加此行以确保子元素的定位相对其 */
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    flex: 1;
}

.prescription-number {
    position: absolute;
    background-color: #46C1B6;
    color: white;
    left: 0px;
    top: 0px;
}

.status-tag {
    position: absolute;
    background-color: #46C1B6;
    color: white;
    right: 0px;
    top: 0px;
}

.clinic-title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}

.patient-info {
    margin-bottom: 10px;
}

.patient-details, .contact-details {
    display: flex;
    justify-content: space-between;
    padding: 7px 0;
}

.module-border {
    border-bottom: 1px solid #eee;
}


.prescription-info {
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    flex-grow: 1;
}

.prescription-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.prescription-content {
    max-height: 120px;
    overflow-y: auto;
    display: grid; /* 使用网格布局 */
    grid-template-columns: repeat(2, 1fr); /* 每行两个 */
    gap: 10px; /* 每个项之间的间距 */
    padding: 5px 5px 0px 2px;
}

.recipe-detail-item {
    color: #555;
    /*background-color: #fafafa; !* 背景颜色 *!*/
    border-radius: 3px; /* 圆角 */
    padding: 2px 0px 2px 5px; /* 内边距 */
    text-align: left; /* 文字居中 */
    font-size: 12px; /* 字体大小 */
    /*box-shadow: 0 1px 3px rgb(160 160 160 / 20%); !* 投影效果 *!*/
}

.doctor-info {
    text-align: left;
    font-style: italic;
    margin-top: 10px;
}

.button-group {
    display: flex;
    justify-content: space-evenly;
    margin-top: 10px;
}

.patient-title, .contact-title, .address-title, .payment-title, .remarks-title {
    font-weight: bold; /* 使标题加粗 */
    margin-right: 5px; /* 在标题和内容之间增加空间 */
}

.patient-content, .contact-content, .address-content, .payment-content, .remarks-content {
    color: #333; /* 设置内容颜色 */
}

.shadow-content {
    border: 1.5px dashed #aaa;
    border-radius: 3px;
    background: #fafafa;
    padding: 1px 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影 */
}

.address-content, .remarks-content {
    width: 80%;
    display: inline-block; /* 让内容在新行中显示 */
    color: #333; /* 设置内容颜色 */
    vertical-align: top;
}

.address-title, .remark-title{
    display: inline-block; /* 让内容在新行中显示 */

}

.content-module-span {
    width: 100%;
}

.remarks {
    border: 1.5px dashed #f96600;
    color: #f96600;
}

.sup-name{
    border: 1.5px dashed #056CAFFF;
    color: #056CAFFF;
}

.recipe-detail-title {
    padding-top: 0px;
}

.recipe-detail-value {
    font-size: 15px;
    color: #01941e;
}

.docName{
    font-size: 15px;
    font-family: Microsoft YaHei,serif;
    font-weight: bold;
    color: #46C1B6;
}

.timeDesc{
    color: #999;
    font-size: 12px;
}

.recipe-button{
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    background: #929896;
    border-radius: 5px;
    text-align: center;
    padding: 0 0px;
}


/* 删除按钮 */
.btn-delete {
    background: #E38355FF; /* 警告色 */
}

/* 打印按钮 */
.btn-print {
    background: #46C1B6; /* 清新色 */
}

/* 备注按钮 */
.btn-remark {
    background: #929896; /* 中性色 */
}

/* 操作按钮 */
.btn-operate {
    background: #8dbe3b; /* 稳重色 */
}

/* 清除快递费按钮 */
.btn-clear {
    background: #46C1B6; /* 稳重色 */
}

/* 已删除 */
.recipe-status--1 {
    background-color: #c62828; /* 深红色，用于表示已删除 */
}

/* 发送失败 */
.recipe-status-0 {
    background-color: #ffb300; /* 深黄色，用于表示发送失败 */
}

/* 待支付 */
.recipe-status-1 {
    background-color: #e67e22; /* 深橙色，用于表示待支付 */
}

/* 待审方 */
.recipe-status-2 {
    background-color: #388e3c; /* 深绿色，用于表示待审 */
}

/* 待调剂 */
.recipe-status-3 {
    background-color: #1976d2; /* 深蓝色，用于表示待调剂 */
}

/* 待发货 */
.recipe-status-4 {
    background-color: #ab47bc; /* 深紫色，用于表示待发货 */
}

/* 已发货 */
.recipe-status-5 {
    background-color: #64b5f6; /* 浅蓝色，用于表示已发货 */
}

/* 发送中 */
.recipe-status-6 {
    background-color: #ff8a80; /* 浅红色，用于表示发送中 */
}


/*分页*/
.paging-style {
    margin-top: 0px;
    text-align: center;
}

.paging-style .layui-laypage{
    margin: 0px;
}

.paging-style .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: -webkit-linear-gradient(#3CC79B, #58B5E5);
}

.paging-style .layui-laypage button {
    width: 60px;
    border-radius: 5px;
    color: #fff;
    background: -webkit-linear-gradient(#3CC79B, #58B5E5);
}

.paging-style .layui-laypage .layui-laypage-curr {
    margin-left: 10px;
    border-radius: 5px;
}

.paging-style .layui-laypage a {
    margin-left: 10px;
    border-radius: 5px;
}


.layui-layout-admin .layui-footer{
    left: 0;
    box-shadow: none;
    background-color: #fff;
}