.index-image{
  height: 10vh;
  background-color:#32BCEB;
  font-size:1vmax;
  display:flex;
  justity-content:center;
  align-items:center;
}
.index-image h1{
  display: block;
  margin-left:5%;
}
.bottom{
  height:6vh;
  min-height:20px;
  display: flex;
  justify-content: center;
  align-items:center;
  position: relative;
  top:10vh;
  background-color:#32BCEB;
}
.bottom img{
  width:1vmax;
  height:1vmax;
}
.bottom a{
	font-size:1vmax;
}
.middle{
  height:70vh;
  position: relative;
  top:10px;
  display: flex;
  justity-content:center;
}
.index-manager {
  position: relative;
  width:15%;
}
.index-manager ul{
  height:100%;
  margin-top:0;
  padding-top:3px;
  padding-left:0;
  list-style-type: none; /* 修改标记类型为圆圈 */
  background-color:rgba(239,239,239,1); 
  border-radius: 10px;
}
.index-manager ul li{
  height:58px;
  list-style: none;
  width:100%;
  margin-bottom: 3px;  /*列表项之间的间距 */
  display: flex;
  justity-content:center;
  align-items:center;
  background-color:white;
  border-radius: 10px;
}
.index-manager ul li a{
  display: flex; /* 使链接块级显示，填满整个菜单项 */
  justity-content:center;
  align-items:center;
  width:100%;
  height:100%;
  position: relative;
  /*left:15%;*/
  font-size:1vw;
  color:#646464;
  text-decoration: none;
}
.index-manager ul li a:hover{
  color:rgb(15,81,177,0.5);
  font-weight:bold;
  border:1px solid rgb(15,81,177,0.5);
  border-radius: 10px;
}
.index-manager ul li a.active{
  color:#32BCEB;
  font-weight:bold;
  border:1px solid #32BCEB;
  border-radius: 10px;
}
.index-manager ul li a img{
  display: block;
  margin-right: 8px;
  margin-left: 10%;
  width:30px;
  height:30px;
  border-radius: 10px;
}
.index-list {
  position: relative;
  width:85%; 
  background-color:rgba(239,239,239,1); 
}
.content{
  height:100%;
  display: flex;
  justify-content: flex-start;
  padding-left:10px;
}
.content img{
  position: relative;
  width:35%;
  height:100%;
}
.content .yyjj{
  position: relative;
  left:10px;
  width:35%;
  height:100%;
  overflow:auto;
}
.yyjj h1{
  text-align:center;
  font-size:2vmax;
}
.yyjj div{
  font-size:1vmax;
  height:100%;
  /*text-indent: 40px;*/
}
/*设置滚动条整体的宽度高度和背景色*/
.yyjj::-webkit-scrollbar{
	width:10px;
    border-radius: 10px;
	background-color:#f5f5f5;
}
/*控制滑块的宽度高度和背景色*/
.yyjj::-webkit-scrollbar-thumb{
	border-radius: 10px;
    background-color: rgb(15,81,177,0.5);
}
/*滑块在hover状态下的样式*/
.yyjj::-webkit-scrollbar-thumb:hover{
	background-color: #555;
}
/*用于控制上下左右箭头的背景色和是否显示*/
.yyjj::-webkit-scrollbar-button {
    background-color: green;
    display: none;
}
/* 滚动条上/左箭头样式 */
.yyjj::-webkit-scrollbar-button:start:decrement  {
    display: none;
}
 /* 滚动条下/右箭头样式 */
.yyjj::-webkit-scrollbar-button:end:increment {
    display: none;
}
.queryConditions{
  border:1px solid red;
  padding-left:10px;
}
.queryConditions table{
  border:1px solid red;
  width:100%;
}
.pagination{
  border:1px solid red;
}
.modal{
   display: flex;
   justify-content: center;
   width:100vw;
   height: 100vh; /* 视窗高度 */
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1000; /* 确保在最上层 */
}
.modal-content{
   background-color:white;
   margin-left:15%;
   margin-top:11vh;
   width:65%;
   height:65%; /* 视窗高度 */
}
.modal-header{
   height:20px;	
   border:1px solid red;
}
.modal-body{
   height:100%; /* 视窗高度 */
}
.modal-body table{
   height:20%; /* 视窗高度 */
   width:100%;
   display: flex;
   justify-content: center;
}
.vacc-desc{
   display: flex;
   justify-content: center;
   height:70%; /* 视窗高度 */
}
.vacc-desc ul{
   border:1px solid red;
   width:25%;
   height:80%; /* 视窗高度 */
  list-style-type: none; /* 修改标记类型为圆圈 */
  background-color:rgba(239,239,239,1); 
  border-radius: 10px;
}
.vacc-desc ul li{
  list-style: none;
  width:100%;
  margin-bottom: 3px;  /*列表项之间的间距 */
  display: flex;
  justity-content:center;
  align-items:center;
  background-color:white;
  border-radius: 10px;
}
.vacc-desc ul li a{
  display: flex; /* 使链接块级显示，填满整个菜单项 */
  justity-content:center;
  align-items:center;
  width:100%;
  height:100%;
  position: relative;
  /*left:15%;*/
  font-size:1vw;
  color:#646464;
  text-decoration: none;
}
.vacc-desc ul li a:hover{
  color:rgb(15,81,177,0.5);
  font-weight:bold;
  border:1px solid rgb(15,81,177,0.5);
  border-radius: 10px;
}
.vacc-desc ul li a.active{
  color:#32BCEB;
  font-weight:bold;
  border:1px solid #32BCEB;
  border-radius: 10px;
}
#editor—wrapper{
   border:1px solid red;
   height:70%; /* 视窗高度 */
}



.info {
  position: relative;
  z-index: 1;
  color: #fff;
}
.info-hd {
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.6);
}
.info-bd {
  font-size: 18px;
  line-height: 25px;
  margin-top: 3px;
  font-weight: bold;
}
.info-icon {
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
}
.info-icon-img {
  display: block;
  width: 100%;
  height: 100%;
}
.bd {
  flex: 1;
  position: relative;
  z-index: 1;
}
.box {
  border-radius: 8px;
  background-color: #fff;
  margin: 0 20px;
  padding: 0 20px;
  padding-bottom: 17px;
  box-shadow: 0 3px 10px #E6E6E6;
}
.box-hd {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 24px 0 18px;
  color: #606266;
}
.box-hd:before {
  content: '';
  position: absolute;
  left: -8px;
  bottom: 0;
  right: -8px;
  border-bottom: 1px dashed #D8D8D8;
  transform: scaleY(0.5);
}
.box-hd-label {
  font-weight: bold;
}
.box-hd-value {
  font-weight: bold;
}
.box-bd {
  padding-top: 19px;
}
.box-item {
  display: flex;
  justify-content: space-between;
  color: #909399;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 10px;
}
.box-item:last-child {
  padding-bottom: 0;
}
.box-ft {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 17px;
  font-size: 16px;
  color: #3B71E8;
}
.box-ft-label {
  font-weight: bold;
}
.box-ft-value {
  font-weight: bold;
}
.box-append {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #606266;
  text-align: center;
  padding: 20px 0 3px;
}
.box-append:before {
  content: '';
  position: absolute;
  left: -8px;
  top: 0;
  right: -8px;
  border-top: 1px dashed #D8D8D8;
  transform: scaleY(0.5);
}
.bd-append {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
}
.bd-append-icon {
  display: block;
  width: 40px;
  height: 12px;
  background: url('../images/medical-logo.png') center center no-repeat;
  background-size: 100% 100%;
  margin-right: 8px;
}
.bd-append-text {
  font-size: 14px;
  line-height: 20px;
  color: #909399;
  font-weight: bold;
}
.ft {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: calc(14px + constant(safe-area-inset-bottom));
  padding-bottom: calc(14px + env(safe-area-inset-bottom));
}
.pay {
  display: flex;
}
.pay-label {
  font-size: 16px;
  line-height: 24px;
  color:rgba(0, 0, 0, 0.6);
  margin-right: 5px;
}
.pay-value {
  font-size: 22px;
  line-height: 24px;
  color: #3B71E8;
  font-weight: bold;
}
.btn {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #fff;
  background-color: #0D7CFF;
  padding: 10px 23px;
  border-radius: 24px;
}
.ft:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: scaleY(0.5);
}