.baseContaion{
    display:flex;
    flex-direction:column;
    position:relative;
    overflow-y:hidden;
}
.baseTitle{
    flex-direction: row;
     display:flex;
     width:100%;;
     height:4.02vw;
     background:white;
     align-items:center;
     box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.05);
}

.baseName{
    font-family: PingFang-SC-Bold;
    font-size: 1.46vw;
    color: #444444;
    letter-spacing: 0.45px;
    padding-left:3.51vw;
}
.baseNameCag{
    font-weight:600;
}
.baseBottomBox{
    width:100%;
    height:95%;
    flex-direction:column;
    display:flex;
    padding:12px;
}
.baseBottomContent{
    width:100%;
    flex:1;
    display:flex;
    flex-direction:column;
    border-radius:4px;
    box-shadow:0px 0px 20px #E8E8E8;
    margin-bottom:14px;
    height: 80%;
}
.eventStates{
    flex-direction: row;
    display:flex;
    width:100%;
    height:3.66vw;
    align-items:center;
    font-size: 1.17vw;
    color: rgba(0,0,0,0.65);
    background:white;
}
.eventStates > a{
    margin-left:3.22vw;
    display:flex;
    height:100%;
    display:flex;
    align-items:center;
    padding:2px;
    border-bottom:2px solid white;
}
.eventStates .eventStatesCag{
    color: #1890FF;
    font-weight:600;
    border-bottom:2px solid #1890FF;
}

.eventStates .eventStatesCag11{
    color: rgba(0,0,0,0.65);
    font-weight:600;
}
.eventName{
    font-family: PingFangSC-Medium;
}
.eventDeal{
    padding-left:3.22vw;
    padding-right:0.73vw;
    border-bottom:1px solid #E8E8E8;
    height:5.12vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:white;
}
.eventBtnDay{
    height:2.78vw;
    width:6.59vw;
    background:#4A90E2;
    font-size: 0.88vw;
    color: #FFFFFF;
    letter-spacing: 1.09px;
    border-radius:4px;
    line-height:2.78vw;
    text-align:center;

}
.eventsCheckBox{
    display:flex;
}
.eventsCheck{
    font-size:1.02vw;
    color: rgba(0,0,0,0.25);
    height:2.49vw;
    border-radius:4px;
    border:1px solid rgba(0,0,0,0.15);
    display:flex;
    align-items:center;
    width:20.06vw;
    margin-right:1.46vw;
}
.eventsCheck input{
    border:0;
    height:100%;
    flex:1;
    color:#555;
    outline:0;
    background:transparent;
    margin-left:0.73vw;
}
.eventsCheck input::-webkit-input-placeholder{
    color:rgba(0,0,0,0.25);
}
.eventsCheck input::-moz-placeholder{
    color:rgba(0,0,0,0.25);
}
.eventsCheck input:-moz-placeholder{
    color:rgba(0,0,0,0.25);
}
.eventsCheck img{
    height:1.02vw;
    width:1.02vw;
    margin:0 0.88vw
}
.eventsDate{
    font-size:1.02vw;
    color: rgba(0,0,0,0.25);
    height:2.49vw;
    border-radius:4px;
    width:14.64vw;
}
.eventsDate .ant-calendar-picker{
    width:100%;
    height:100%;
}
.eventsDate .ant-input{
    height:100% !important;
    font-size:1.02vw;
}
.eventList{
    flex:1;
    width:100%;
    overflow-y:scroll;
}
.eventFinallyList{
    margin-left:0.88vw;
}
.eventList::-webkit-scrollbar{
    width:4px;
    height:20px;
}
.eventList::-webkit-scrollbar-thumb{
    background:rgba(34,34,34,0.10);
    border-radius: 10px;
}

.listEventRow{
   width: 100%;
   background:white;
}
.listEventRow:hover{
   width: 100%;
   background:#E3EBFB;
}

.eventsListOne{
    margin-left:3.22vw;
    padding-right:2.78vw;

}
.eventsListTop{
    display:flex;
    justify-content:space-between;
    height:5.56vw;
}
.eventsInfoBtn{
    display:flex;
    align-items:center;
}
.eventsInfoBox{
    padding-right:4.47vw;
    display:flex;
    align-items:center
}
.eventsInfoBox span{
    font-size:1.06vw;
    color:#666;
}
.eventsImgLeft{
    background:pink;
    height:1.17vw;
    width:1.17vw;
}
.eventsImgTitle{
    width:3.66vw;
    height:3.66vw;
    border-radius:2vw;
    border:1px solid #ccc;
    margin: 0 1.46vw 0 0.88vw;
}
.listEventNameBox{
    display:flex;
    flex:1;
    justify-content:space-between;
}
.eventsListLoss .listEventTimeBox span:nth-of-type(1){
    color:#888;
}
.listEventName{
    font-size: 1.17vw;
    color: #222222;
    letter-spacing: 1px;
    margin-right:2vw;
}
.listEventTimeBox{
    display:flex;
    letter-spacing: 1.09px;
    font-size: 0.88vw;
    align-items:center;
}
.listEventTimeBox span:nth-of-type(1){
    display:block;
    color:#4276E1;
    margin-right:0.88vw;
}
.listEventTimeBox span:nth-of-type(2){
    color:#4276E1;
}
.listLine{
    height:1px;
    width:100%;
    background: #E7E7E7;
    margin-top:1vw;
}
.listEventTimeBox .delayDayNum{
    font-size:1.02vw;
    color:#555;
}
.listEventTimeBox img{
   height:1.02vw;
   width:1.02vw;
   background:#008FFF;
   margin-right:0.59vw;
}
.eventsListBottom{
     width:100%;
     display:flex;
     justify-content:flex-end;
}
.eventsListBottom span{
    height:1px;
    width:100%;
    background:#E8E8E8;
}
.eventsInfoBtn{
    font-size: 1.06vw;
    color: #4A4A4A;
}
.eventsInfoBtn .eventsInfoOne{
     height:1.10vw;
     display:flex;
     justify-content:center;
}
.eventsAppointment{
    margin-right:0.73vw;
}
.eventsInfoBtn div span:nth-of-type(1){
     width:1px;
     height:1.2vw;
     background:#CCC;
     margin:0 1.76vw;
}
.eventsInfoOneLine{
    width:0!important;
    margin:0!important;
}
.eventsInfoBtn span{
    line-height:1.1vw;
    color:#1890FF
}


.eventsTimeMask{
    position:absolute;
    background:rgba(255,255,255,0.7);
    width:100%;
    height:100%;
    z-index:100;
}

.eventsTimeBox{
    margin:19.6vh auto 0 auto;
    width:39.5vw;
    height:22.25vw;
    background: #FFFFFF;
    box-shadow: 0 5px 9px 2px rgba(0,0,0,0.17);
    border-radius: 2px;
    padding-top:3.15vw
}
.eventCureMask{
     height:29.3vw;
     width:46.9vw;
 }
.eventTimeBoxTop{
    height:4.69vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.eventTimeBoxTop .listEventName,.eventsCureCon .listEventName{
    line-height:2.34vw;
}
.eventsCureCon .listEventNameBox{
    justify-content:space-between;
    width:100%;
}
.deleteBoxTop{
    min-height:4.69vw;
    font-size: 1.5vw;
    color: #222222;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:2vw;
    margin-top:1.8vw;
}
.updateBoxTitle{
    min-height:4.69vw;
    font-size: 1.5vw;
    color: #555555;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:2vw;
    margin-top:1.8vw;
    white-space: pre-wrap;
}

.updateBoxTop{
    height:4.69vw;
    font-size: 1.8vw;
    color: #222222;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:2vw;
}

.eventsTimeCon{
    display:flex;
    justify-content:center;
}
.eventsTimeCon img,.eventsCureCon .eventsImgTitle{
    height:4.69vw;
    width:4.69vw;
    border-radius:3vw;
    border:1px solid #ccc;
    margin-left:0;
}
.eventsCureCon{
    padding-left:4.47vw;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.eventsCureCon .eventsInfoBox{
    width:100%;
    display:flex;
    flex-direction:column;
}
.eventsTimeConRight{
    margin-left:4.16vw;
    width: 500px;
}

.eventsTimeConWidth{
    margin-left:1.16vw;
    width: 500px;
}
.eventsTimeConRight .ant-input{
     width:22.25vw;
     font-size:1.02vw;
     height:2.34vw;
}
.eventsTimeConRight .ant-calendar-date-panel{
    z-index:101
}
.eventsTimeConRight .ant-calendar-picker{
    margin:2.78vw 0 2.49vw 0;
}

.deleteBtnBox{
    display:flex;
    width:16vw;
    justify-content:space-between;
}

.updateBtnBox{
    display:flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content:space-around;
}


.updateBtnBox span{
    height:3vw;
    width:10vw;
    border: 1px solid #9B9B9B;
    border-radius: 4px;
    font-size: 1.4vw;
    color: #9B9B9B;
    letter-spacing: 1.09px;
    line-height:3vw;
    text-align:center;
}

.update-btn{
    height:3vw;
    width:10vw;
    border-radius: 4px;
    font-size: 1.4vw;
    letter-spacing: 1.09px;
    line-height:3vw;
    text-align:center;
    border: 1px solid #4276E1;
    background:#4276E1;
    color:white;
    margin-right: 1.16vw;
}


.deleteBtnBox span{
    height:2.78vw;
    width:6.59vw;
    border: 1px solid #9B9B9B;
    border-radius: 4px;
    font-size: 0.88vw;
    color: #9B9B9B;
    letter-spacing: 1.09px;
    line-height:2.78vw;
    text-align:center;
}
.deleteBtnBox span:nth-of-type(1){
    border: 1px solid #4276E1;
    background:#4276E1;
    color:white;
}
.eventTimeBtnBox{
    display:flex;
}
.eventTimeBtnBox span{
    height:2.78vw;
    width:6.59vw;
    border: 1px solid #9B9B9B;
    border-radius: 4px;
    font-size: 0.88vw;
    color: #9B9B9B;
    letter-spacing: 1.09px;
    line-height:2.78vw;
    text-align:center;
    margin-right:2.42vw;
}
.eventTimeBtnBox span:nth-of-type(1){
    border: 1px solid #4276E1;
    background:#4276E1;
    color:white;
}
.eventsCureReason{
    display:flex;
    margin: 1.83vw 0 2.93vw 0;
    font-size: 1.02vw;
    color: #555555;
    letter-spacing: 1.08px;
}
.eventsCureReason > span{
    width:15.37vw;
}
.eventsCureOther .ant-input{
    width:18.3vw;
    height:2.2vw;
    font-size:1.02vw;
    background: rgba(246,246,246,0.47);
    margin-left:0.73vw;
}
.eventsCureCheck .ant-checkbox-group .ant-checkbox-group-item{
    width:8.49vw;
    margin-bottom:1.46vw;
    font-size:1.02vw
}
.eventsOtherCheck{

}
.eventsOtherCheck img{
      height:1.32vw;
      width:1.32vw;
      background:pink;
}
.dataEmpy{
    flex:1;
    padding-top:5.27vw;
    display:flex;
    justify-content:center;
}
.dataEmpy img{
    width:13.25vw;
    height:11.35vw;
}

.useDrugRow{
    height: 4.39vw;
    align-items: center;
    justify-content:flex-start;
    background: white;
    width:100%;
    display:flex;
    flex-direction:row;
    border-top: 2px solid #F8F8F8;
}


.useDrugSelItem{
   margin-left:3.51vw;
   font-family: PingFang-SC-Bold;
   font-size: 1.17vw;
   color: #4A90E2;
   letter-spacing: 1px;
   height:3vw;
   line-height:3vw;
   text-align: center;
   border-bottom: 1.5px solid  #4A90E2;

}

.useDrugItem{
   margin-left:3.51vw;
   height:3vw;
   line-height:3vw;
   font-family: PingFang-SC-Regular;
   font-size: 1.17vw;
   color: #555555;
   text-align: center;
   letter-spacing: 1px;
}

.questionBlank{
  height:20px;
}