/*疫苗开始*/ .wrapper .msg-tab-head{ background-color:#0E1E51; width:100%; padding:10px 40px; height:100px; color:#898a90; display: flex; flex:1; justify-content:space-around; flex-wrap:nowrap; } .wrapper .msg-tab-body{ height:calc(100% - 100px); padding:5px; padding-bottom:0; } .msg-list-content{ height:100%; overflow:hidden; display:none; width:100%; } .msg-list-content .list-container{ height:100%; display:flex; flex-direction:column; width:100%; } .msg-tab-body .msg-list-content.active{ display:block; } .msg-tab-body .msg-tab-list{ height:30px; display: flex; align-items: center; justify-content: space-between; flex-wrap:nowrap; color:#a4cfe5; width:100%; margin-bottom:3px; } .msg-tab-body .msg-tab-list .man-dothis{ font-size:0.8em; background-color:#060B2E; border-radius:5px; width:55px; height:100%; display: flex; align-items: center; justify-content: center; } .msg-tab-body .msg-tab-list .this-info{ width:60px; height:100%; padding:0 4px; text-align:center; } .msg-tab-body .msg-tab-list .blank-info{ width:4px; } .msg-tab-body .msg-tab-list .plan-obj{ font-size:0.8em; background-color:#060B2E; border-radius:5px; height:100%; display: flex; align-items: center; justify-content: center; } .msg-tab-body .msg-tab-list .this-content-box{ flex:1; height:100%; } .msg-tab-body .msg-tab-list .this-content{ font-size:0.8em; display:flex; align-items:center; background-color:#060B2E; border-radius:5px; padding-left:3px; height:100%; position:relative; padding-right:60px; } .msg-tab-body .msg-tab-list .this-content.finish-over{ padding-right:75px; } .msg-tab-body .msg-tab-list .this-content .msg-content{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height:30px; height:100%; } td .todo-btn,td .ready-todo-btn,td .confirmready-todo-btn{ padding:10px; } .msg-tab-body .msg-tab-list .this-content .ypsqxq-btn,.msg-tab-body .msg-tab-list .this-content .ypsqsh-btn,.msg-tab-body .msg-tab-list .this-content .cureinfo-btn,.msg-tab-body .msg-tab-list .this-content .cure-btn,.msg-tab-body .msg-tab-list .this-content .zhenduan-btn,.msg-tab-body .msg-tab-list .this-content .todo-btn,.msg-tab-body .msg-tab-list .this-content .ready-todo-btn,.msg-tab-body .msg-tab-list .this-content .confirmready-todo-btn{ position:absolute; right:5px; top:0px; display:flex; align-items:center; height:100%; color:#53BAFD; cursor:pointer; width:60px; justify-content:center; } .msg-tab-body .msg-tab-list .this-content .finish-time{ position:absolute; right:5px; top:0px; display:flex; align-items:center; height:100%; cursor:pointer; width:75px; justify-content:center; } .msg-tab-body .msg-list-content .list-content-block{ position:relative; flex:1; height:33.33%; width:100%; padding-bottom:4px; } .msg-tab-list-head{ height:35px; display:flex; align-items:center; justify-content:center; position:relative; background-color:#060B2E; border-radius:5px; margin-bottom:5px; } .open-all-plan-list{ position:absolute; right:10px; height:100%; display:flex; align-items:center; font-size:12px; color:#53BAFD; cursor:pointer; } .msg-tab-list-content{ height:calc(100% - 40px); overflow:hidden; width:100%; } .msg-tab-body .list-content-block:before{ content: ''; position: absolute; bottom: 0px; left: 10%; height: 2px; width: 80%; background: linear-gradient(to right, rgba(11,82,224,0), #0b52e0, rgba(11,82,224,0)); } .msg-tab-head .msg-tab1{ display: flex; flex-direction: column; cursor:pointer; align-items:center; justify-content:center; } .msg-tab-head .msg-tab1:nth-child(1) img{ width:42px; } .msg-tab-head .msg-tab1:nth-child(2) img{ width:55px; } .msg-tab-head .msg-tab1:nth-child(3) img{ width:27px; } .msg-tab-head .msg-tab1:nth-child(4) img{ width:64px; } .msg-tab-head .msg-tab1 span{ line-height:30px; text-align:center; font-size:1.2em; } .msg-tab-head .msg-tab1.active span{ color:#fff; } .right #details-form{ position:fixed; top:100px; left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); display:none; z-index:99; background-color: #001346; border-radius: 6px; box-shadow: 0px -5px 5px 0px rgba(255,255,255,0.1), -5px 0px 5px 0px rgba(255,255,255,0.1), 5px 0px 5px 0px rgba(255,255,255,0.1), 0px 5px 5px 0px rgba(255,255,255,0.1); } #details-form .detail-content{ width:100%; height:100%; } #details-form .detail-content .table-myjh{ display:none; height:423px; } #details-form .detail-content .table-myjh.active{ display:block; } #details-form .detail-content .table-myjh .tab-table-myjh-head{ height: 40px; display: flex; align-items: center; justify-content: center; font-size: 1.2em; color: #53BAFD; position: relative; } .tab-table-myjh-head:before{ content: ''; position: absolute; bottom: 0px; left: 5%; height: 2px; width: 90%; background: linear-gradient(to right, rgba(11,82,224,0), #0b52e0, rgba(11,82,224,0)); } #details-form .tab-table-myjh-body{ padding:10px; height:calc(100% - 40px); position:relative; } #details-form .table-area-head{ margin-bottom:5px; width:100%; display:flex; align-items:center; background-color:#133795; height: 43px; border-radius: 5px; } #details-form .table-myjh .table-area-head .table-area-head-tab{ color: #fff; text-align:center; height:30px; vertical-align:middle; width:100px; display:flex; align-items:center; justify-content:center; } #details-form .table-area{ width:100%; padding:10px; padding-top:0px; position:absolute; top:58px; left:0; height:calc(100% - 58px); overflow:hidden; border-radius: 0 0 5px 5px; } #details-form .table-area .table-area-box{ height:100%; } #details-form .table-myjh .table-content{ width:100%; height:100%; overflow:hidden; } #details-form .table-myjh .table-content tr{ border-top: 1px solid #09153d; } #details-form .table-myjh .table-content tr td{ text-align: center; height: 39px; vertical-align: middle; padding: 0 3px; background-color: #0c1f59; color: #fff; } #details-form .table-myjh .table-content tr td{ width:100px; } #details-form .table-myjh .table-content tr td{ font-size:0.9em; } #details-form .table-myjh:nth-child(1) .table-content tr td:last-child,#details-form .table-myjh:nth-child(2) .table-content tr td:last-child{ color:#53BAFD; cursor:pointer; } #confirm-plan-window,#check-plan-window,#finalcheck-plan-window,#diagnose-window,.cure-window{ width:350px; position:fixed; display:none; top:140px; left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); z-index:100; background-color: #001346; border-radius: 6px; box-shadow: 0px -5px 5px 0px rgba(255,255,255,0.1), -5px 0px 5px 0px rgba(255,255,255,0.1), 5px 0px 5px 0px rgba(255,255,255,0.1), 0px 5px 5px 0px rgba(255,255,255,0.1); } #diagnose-window,.cure-window{ width:520px; } .window-head{ height: 30px; display: flex; align-items: center; justify-content: center; font-size: 1em; color: #53BAFD; position: relative; } .window-head:before { content: ''; position: absolute; bottom: 0px; left: 5%; height: 1px; width: 90%; background: linear-gradient(to right, rgba(11,82,224,0), #0b52e0, rgba(11,82,224,0)); } .window-body{ display:flex; flex-direction:column; padding:10px; max-height:800px; } #confirm-plan-window .window-body .plan-items,.plan-items1{ display:flex; align-items:center; justify-content:center; height:30px; } #check-plan-window .window-body .check-items,#finalcheck-plan-window .window-body .check-items,#diagnose-window .window-body .diagnose-items,.cure-window .window-body .cure-items{ display:flex; align-items:center; justify-content:center; margin-bottom:13px; } #diagnose-window .window-body .diagnose-items .drug-items,.cure-window .window-body .cure-items .drug-items{ display:flex; align-items:center; justify-content:center; margin-bottom:13px; width:100%; flex-direction:column; position:relative; padding-bottom:20px; } #diagnose-window .window-body .diagnose-items .drug-items:first-child,.cure-window .window-body .cure-items .drug-items:first-child{ padding-bottom:0px; } .cut-items{ position:absolute; right:0px; bottom:0px; cursor:pointer; display:flex; align-items:center; height:20px; } .cut-items:hover{ color:#53BAFD; } .icon-cut{ background-position:-428px -97px; margin-right:5px; } #diagnose-window .window-body .diagnose-items,.cure-window .window-body .cure-items{ position:relative; } #diagnose-window .window-body .diagnose-items .add-items,.cure-window .window-body .cure-items .add-items{ position:absolute; right:3px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); } .icon-add{ background-position: -408px -97px; } #check-plan-window .window-body .check-items .check-items-title,#finalcheck-plan-window .window-body .check-items .check-items-title{ font-size:0.8em; width:90px; text-align:right } #diagnose-window .window-body .diagnose-items .diagnose-items-title,.cure-window .window-body .cure-items .cure-items-title{ font-size:0.8em; } #diagnose-window .window-body .diagnose-items input[type="text"],.cure-items-data input[type="text"],.cure-window .window-body .cure-items input[type="text"]{ outline:none; background-color:#001346; border:1px solid #0b52e0; color:#fff; margin-bottom:0px; width:100%; height:26px; } .cure-items-data input[type="text"]{ width:70% !important; margin-left:20px; height:28px !important; } .flex-end{ justify-content:flex-end !important; } .flex-end label{ cursor:pointer; } .flex-end input{ cursor:pointer; } #check-plan-window .window-body .check-items textarea,#finalcheck-plan-window .window-body .check-items textarea{ outline:none; resize:none } .shenhe-beizhu{ margin-left:0px !important; width:80% !important; } .window-btn{ width: 103px; height: 27px; font-size: 0.8em; text-align: center; line-height: 27px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; color: #fff; cursor: pointer; } input.btn-qr{ background-color:#53BAFD; margin-right:20px; } .btn-ypsq{ background-color:#49bf8e; } .btn-yes,.btn-tg{ background-color:#53BAFD; margin-right:20px; } .btn-no,.btn-bh{ background-color:#cc503d; } #confirm-plan-window .window-body .plan-items-title{ font-size:0.8em; width:90px; text-align:right } #diagnose-window .window-body .diagnose-items-data,.cure-window .window-body .cure-items-data{ width:80%; font-size:0.8em; display:flex; align-items:center; } .cure-items-data .chuli-style-block{ display:flex; align-items:center; width:100%; flex-direction:column; border:1px solid #0b52e0; font-size: 1em; border-radius:3px; padding:7px; } .chuli-style-block .binli-time{ height: 25px; display: flex; align-items: center; justify-content: center; font-size: 1em; position: relative; width:100%; } .chuli-style-block .binli-time:before{ content: ''; position: absolute; bottom: 2px; left: 0; height: 1px; width: 100%; background: linear-gradient(to right, rgba(11,82,224,0), #0b52e0, rgba(11,82,224,0)); } .cure-items-data .chuli-style-block .chuli1{ width:100%; display:flex; align-items:flex-start; margin-bottom:5px; } .cure-items-data .chuli-style-block .chuli1:last-child{ margin-bottom:0px; } .chuli-style-block .chuli1 .chuli-way{ width:10%; color:#53BAFD } .chuli-style-block .chuli1 .chuli-content{ width:90%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } #diagnose-window .window-body .diagnose-chuli-block,.cure-window .window-body .cure-chuli-block{ width:80%; padding:7px; font-size:0.8em; display:flex; align-items:center; border:1px solid #0b52e0; border-radius:3px; flex-direction:column; } #diagnose-window .window-body .diagnose-chuli-block .diagnose-chuli-block-item,.cure-window .window-body .cure-chuli-block .cure-chuli-block-item{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; width:100%; } #diagnose-window .window-body .diagnose-chuli-block .diagnose-chuli-block-item:last-child,.cure-window .window-body .cure-chuli-block .cure-chuli-block-item:last-child{ margin-bottom:0px; } #confirm-plan-window .window-body .plan-items-data{ width:50%; font-size:0.8em; display:flex; align-items:center; } #confirm-plan-window .window-body .plan-items .plan-items-data .data-nums{ flex:1; text-align:center; } .plan-items-data .select ,.diagnose-chuli-block .select,.cure-items .select{ flex:1; position: relative; vertical-align: middle; padding: 2px; overflow: hidden; background-color: #001346; color: #fff; text-shadow: none; border-radius: 4px; transition: box-shadow 0.25s ease; z-index: 2; display: flex; align-items: center; } .cure-items .cure-status{ flex:1; display: flex; align-items: center; border:1px solid #0b52e0; justify-content:center; height:28px; border-radius: 4px; } .cure-items .cure-beizhu{ display: flex; align-items: center; width: 70% ; margin-left: 20px; padding-left:5px; height: 28px ; border-radius: 4px; border:1px solid #0b52e0; } .diagnose-chuli-block .select,.cure-items .select{ border:1px solid #0b52e0; } .diagnose-chuli-block .diagnose-chuli-block-item:nth-child(1) input,.cure-chuli-block .cure-chuli-block-item:nth-child(1) input{ width:50px !important; height:100%; } .diagnose-chuli-block .use-how,.cure-chuli-block .use-how{ flex:1; } .diagnose-chuli-block .use-how input{ width:100%; } .chuli-block-item-title{ margin-left:5px; } .plan-items-data input{ height:27px; } .plan-items-data .select:before ,.diagnose-chuli-block .select:before,.cure-items .select:before{ content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #fff; top: 12px; right: 4px; cursor: pointer; z-index: -2; } .plan-items-data .select select ,.diagnose-chuli-block .select select,.cure-items .select select { cursor: pointer; padding: 3px 0px; width: 100%; border: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; outline: none; text-align: center; color: #fff; padding-right:20px; font-size: 1em; text-align:center; text-align-last: center; } .plan-items-data .select option ,.diagnose-chuli-block .select option,.cure-items .select option{ background-color: #001346; text-align:center; text-align-last: center; } .plan-items-data .datetimePicker { flex: 1; border-radius: 4px; transition: box-shadow 0.25s ease; font-size: 0; white-space: nowrap; display: flex; justify-content: space-between; } .plan-items:last-child{ margin-top:10px; } .plan-items-data .confirs-btn { width: 103px; height: 27px; font-size: 1em; text-align: center; line-height: 27px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #ea8c29; color: #fff; cursor: pointer; } #changedate{ height:30px; display:none; } /*疫苗结束*/