div.healthcare .medicalRecords{margin:60px auto 0;width:calc(100% - 80px);max-width:1024px;line-height:1.5;font-size:var(--font-size-16)}div.healthcare .medicalRecords .top{display:flex;justify-content:space-between;margin:0 0 20px 0}div.healthcare .medicalRecords .subTabWrap{display:flex;gap:16px}div.healthcare .medicalRecords .subTabWrap .subTab{display:flex;align-items:center;justify-content:center;padding:0 20px;min-width:120px;height:48px;border:var(--border-width-1) solid var(--color-border-primary);border-radius:var(--border-radius-full);cursor:pointer;white-space:nowrap}div.healthcare .medicalRecords .subTabWrap .subTab.active{background:var(--color-bg-brand);border:var(--border-width-1) solid var(--color-border-brand);color:var(--color-text-inverse);font-weight:var(--font-weight-m)}div.healthcare .page_ex{padding:16px 28px;font-size:var(--font-size-14);background:var(--color-bg-lightskyblue);border-radius:var(--border-radius-12)}div.healthcare .medicalRecords .search{display:flex;justify-content:end}div.healthcare .date_filter{position:relative}div.healthcare .date_filter .picked_current{width:70px;font-weight:var(--font-weight-m);color:var(--color-text-tertiary)}div.healthcare .date_filter .date_filter_btn{padding:12px 16px;display:flex;gap:12px;align-items:center;background-color:var(--color-bg-box);cursor:pointer}div.healthcare .date_filter .date_filter_btn .iconbox.arrow{transition:transform .2s ease}div.healthcare .date_filter .date_filter_btn .iconbox.arrow.rotate{transform:rotate(180deg)}div.healthcare .date_filter .date_filter_content{padding:24px 28px;width:440px;position:absolute;top:56px;left:-274px;z-index:var(--z-index-2);background-color:var(--color-bg-inverse);border:var(--border-width-1) solid var(--color-border-disabled);border-radius:var(--border-radius-12);box-shadow:2px 2px 6px 0 rgb(71 84 103 / 20%)}div.healthcare .date_filter .date_filter_content .modalTitle{padding:0 0 20px 0;font-weight:var(--font-weight-m)}div.healthcare .date_filter .date_filter_content ul{display:flex;justify-content:space-between}div.healthcare .date_filter .date_filter_content ul li{width:120px;height:40px;text-align:center;line-height:40px;font-weight:var(--font-weight-m);color:var(--color-text-tertiary);border-radius:var(--border-radius-full);border:var(--border-width-1) solid var(--color-border-primary);cursor:pointer}div.healthcare .date_filter .date_filter_content ul li.select{border:var(--border-width-1) solid var(--color-border-brand);color:var(--color-text-brand)}div.healthcare .date_filter .date_filter_content .period{display:flex;align-items:center;gap:28px;justify-content:center;margin:24px 0 36px;position:relative;border-bottom:var(--border-width-1) solid var(--color-border-primary)}div.healthcare .date_filter .date_filter_content .period .calendarInput{width:120px;border:none;position:relative;background:url(/healthcare/img/calendar.svg) no-repeat right 0 center;padding:8px 0;cursor:pointer}div.healthcare .date_filter .date_filter_content .period .calendarInput::-webkit-clear-button,div.healthcare .date_filter .date_filter_content .period .calendarInput::-webkit-inner-spin-button{display:none}div.healthcare .date_filter .date_filter_content .period .calendarInput::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;background:0 0;cursor:pointer}div.healthcare .medicalRecords .date_filter .date_filter_content .period .calendarWrap{position:absolute;top:40px;left:50%;width:100%;transform:translateX(-50%);z-index:var(--z-index-1);border:1px solid #d0d5dd;border-radius:12px;padding-top:12px;background-color:var(--color-bg-inverse)}div.healthcare .date_filter .date_filter_content button{margin:0 auto;width:140px;height:44px;line-height:44px;color:var(--color-text-inverse);background:var(--color-bg-brand)}.rotate{transform:rotate(180deg)}div.healthcare .medicalRecords .search .currentCon{display:flex;gap:4px}div.healthcare .medicalRecords .search .currentCon .currentItem{padding:0 16px;min-width:110px;height:40px;line-height:40px;text-align:center;border:var(--border-width-1) solid var(--color-border-primary);border-radius:var(--border-radius-20);box-sizing:border-box;font-size:var(--font-size-16);font-weight:var(--font-weight-m);cursor:pointer;white-space:nowrap}div.healthcare .medicalRecords .search .currentCon .on{background-color:var(--color-bg-brand);color:var(--color-text-inverse);border:var(--border-width-1) solid var(--color-border-brand)}div.healthcare .medicalRecords .search .dateCon{display:flex}div.healthcare .medicalRecords .search .dateCon .date{padding:0 20px;margin:0 4px 0 0;position:relative;height:40px;border-radius:var(--border-radius-20);border:var(--border-width-1) solid var(--color-border-primary);box-sizing:border-box;white-space:nowrap;display:flex}div.healthcare .medicalRecords .search .dateCon .date input{width:100%;height:100%;border:none;font-size:var(--font-size-16);cursor:pointer;border-radius:var(--border-radius-20)}div.healthcare .medicalRecords .search .dateCon .iconbox{position:absolute;top:50%;right:16px;transform:translateY(-50%)}div.healthcare .medicalRecords .search .btn{padding:0 20px;border-radius:var(--border-radius-20);font-size:var(--font-size-16);min-width:80px;height:40px;font-weight:var(--font-weight-m);border:var(--border-width-1) solid var(--color-border-primary);box-sizing:border-box;white-space:nowrap}div.healthcare .medicalRecords .listCon{display:flex;flex-direction:column;gap:20px;padding:28px 0 0}div.healthcare .medicalRecords .listItem .routerLink{display:flex;padding:24px 40px;position:relative;border:var(--border-width-1) solid var(--color-border-primary);border-radius:var(--border-radius-12);cursor:pointer}div.healthcare .medicalRecords .listItem .notRouterLink{cursor:default}div.healthcare .medicalRecords .listItem .routerLink .left{display:flex;flex-direction:column;gap:4px}div.healthcare .medicalRecords .listItem .routerLink .left .kind{font-size:var(--font-size-16);color:var(--color-text-warning)}div.healthcare .medicalRecords .listItem .routerLink .left .name{font-size:var(--font-size-22);font-weight:var(--font-weight-m)}div.healthcare .medicalRecords .listItem .routerLink .left .info{display:flex;gap:4px;font-size:var(--font-size-16);color:var(--color-text-tertiary)}div.healthcare .medicalRecords .listItem .routerLink .cg_right{position:absolute;top:24px;right:40px}div.healthcare .medicalRecords .listItem .routerLink .cg_right .more{color:var(--color-text-placeholder);font-size:var(--font-size-14);text-decoration:underline}div.healthcare .medicalRecords .page_inform{padding:24px 36px;margin:40px 0 0 0;font-size:var(--font-size-14);background:var(--color-bg-box);border-radius:var(--border-radius-12)}div.healthcare .medicalRecords .page_inform ul{display:flex;flex-direction:column;gap:4px}div.healthcare .medicalRecords .page_inform ul li{display:flex;gap:12px}div.healthcare .medicalRecords .page_inform ul .inform_title{margin:0 0 4px 0;font-size:var(--font-size-16);font-weight:var(--font-weight-m)}div.healthcare .medicalRecords .page_inform>ul>li>.dot{margin:8px 0 0 8px;width:4px;height:4px;background:var(--color-bg-darkgrey);border-radius:var(--border-radius-full)}div.healthcare .medicalRecords .page_inform>ul>li>div{width:95%;color:var(--color-text-tertiary)}@media screen and (max-width:1024px){div.healthcare .medicalRecords{width:calc(100% - 64px)}}@media screen and (max-width:767px){div.healthcare .medicalRecords{margin:40px auto 0;width:calc(100% - 40px)}div.healthcare .medicalRecords .top{flex-direction:column;gap:20px}div.healthcare .medicalRecords .subTabWrap{gap:8px}div.healthcare .medicalRecords .subTabWrap .subTab{padding:0 16px;width:100%;min-width:inherit;height:40px}div.healthcare .page_ex{padding:12px 20px}div.healthcare .date_filter{width:100%}div.healthcare .date_filter .date_filter_btn{justify-content:flex-end;width:100%;border-radius:var(--border-radius-0)}div.healthcare .date_filter .date_filter_content{padding:24px 0;width:100%;position:initial;border:none;border-bottom:var(--border-width-1) solid var(--color-border-primary);border-radius:var(--border-radius-0);box-shadow:none}div.healthcare .date_filter .date_filter_content .modalTitle{display:none}div.healthcare .date_filter .date_filter_content ul{justify-content:center;gap:8px}div.healthcare .date_filter .date_filter_content ul li{font-size:var(--font-size-14)}div.healthcare .date_filter .date_filter_content .period{gap:12px;margin:12px 0 20px}div.healthcare .date_filter .date_filter_content .period .calendarInput{font-size:var(--font-size-14)}div.healthcare .date_filter .date_filter_content button{height:40px;line-height:40px}div.healthcare .medicalRecords .search .dateCon{padding:0;width:100%}div.healthcare .medicalRecords .search .dateCon .date{padding:0;width:100%}div.healthcare .medicalRecords .search .currentCon{margin:0 0 8px 0;width:100%}div.healthcare .medicalRecords .search .currentCon .currentItem{flex:1 1 33%;min-width:initial}div.healthcare .medicalRecords .listCon{gap:12px}div.healthcare .medicalRecords .listItem .routerLink{padding:16px 24px}div.healthcare .medicalRecords .listItem .routerLink .left .info,div.healthcare .medicalRecords .listItem .routerLink .left .kind,div.healthcare .medicalRecords .search .btn,div.healthcare .medicalRecords .search .currentCon .currentItem,div.healthcare .medicalRecords .search .dateCon .date input{font-size:var(--font-size-14)}div.healthcare .medicalRecords .listItem .routerLink .left{width:86%}div.healthcare .medicalRecords .listItem .routerLink .left .name{font-size:var(--font-size-20);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.healthcare .medicalRecords .listItem .routerLink .cg_right{top:16px;right:24px}div.healthcare .medicalRecords .page_inform{padding:20px 24px;margin:12px 0 0 0}div.healthcare .medicalRecords .page_inform ul li{gap:8px}div.healthcare .medicalRecords .page_inform>ul>li>.dot{margin:8px 0 0 4px}}@media screen and (max-width:350px){div.healthcare .medicalRecords .search .currentCon .currentItem{font-size:var(--font-size-12)}div.healthcare .medicalRecords .search .dateCon .date input{font-size:var(--font-size-12)}div.healthcare .medicalRecords .search .btn{font-size:var(--font-size-12)}}