*{ margin: 0; padding: 0; font-size: 15px; font-family:"arial, helvetica, sans-serif","microsoft yahei","微软雅黑"; } body,html{ width: 100%; height: 100%; } /*滚动条*/ *::-webkit-scrollbar { width: 6px; height: 6px; transition: .3s background; } *::-webkit-scrollbar-thumb { background: #ced4da; } /*文字选中*/ *::selection { background-color: palevioletred; color: white; } *::-moz-selection { background-color: palevioletred; color: white; } *::-webkit-selection { background-color: palevioletred; color: white; } .wrap{ width: 100%; height: 100%; background: #f7f7f7; position: relative; overflow: hidden; } ul,li{ list-style: none; } a { -webkit-text-decoration-skip: ink; text-decoration-skip: ink; } a { color: #467fcf; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } .orange{ color: red; } .green{ color: #44df70; } .yellow{ color: #ffa500; } .kerfTxt{ } #loadingBox{ background-color: #fff; height: calc(100% - 70px); width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 70px; display: none; display: table-cell; text-align: center; } #loadingBox span{ margin: 0 auto; /*水平居中*/ position: relative; top: 40%; /*偏移*/ margin-top: -42px; color: #acacac; } #loadingBox p{ position: absolute; top: 57%; margin-top: -42px; left: 50%; margin-left: -127px; font-size: 25px; font-weight: bold; font-family: '苹方'; color: red; } .f-left{ float: left; } .f-box{ box-sizing: border-box; border: 1px solid #ECECEC; background: #fff; padding: 12px; width: 100%; height: auto; min-height: 100%; } .f-content{ margin: 20px 30px 0 30px; box-shadow: 1px 1px 8px rgba(232, 228, 219, 0.85); padding: 15px; background: #fff; } .block{ display: block; } .err_n{ } .yes_r{ color: #28c328; } /*登录*/ #loginBox{ width: 100%; height: 100%; background: url(../images/loginbg.png); background-size: 100% 100%; overflow: hidden; position: relative; } #loginBox .login-c{ position: absolute; right: 60px; top: 40px; width: 260px; } #loginBox .login-c li{ margin: 20px 0; } #loginBox .login-c li>p{ color: #000000; font-size: 18px; margin-bottom: 10px; } #loginBox .login-c li>p>img{ position: relative; top: -1px; margin-right: 3px; } #loginBox .login-c li input{ border-top: none; border-left: none; border-right: none; border-radius: 0; background: transparent; color: #2cb2bf; font-size: 14px; letter-spacing: 1px; height: 28px; line-height: 28px; border-color: #a2a2a2; } #loginBox .login-c li:nth-child(2){ margin-bottom: 0; } #loginBox .login-c li.login-pw{ margin: 0; line-height: 26px; overflow: hidden; } #loginBox .login-c li.login-pw input,#loginBox .login-c li.login-pw label{ cursor: pointer; } #loginBox .login-c li.login-messge{ color: red; font-size: 15px; margin: 0; transition: .2s all ease; opacity: 0; } #loginBox .login-btn{ position: absolute; right: 0; width: 260px; bottom: 65px; } /*nav*/ .h-top{ width: 100%; height: 70px; /*position: fixed;*/ background: url(../images/bg.jpg) no-repeat; background-size: cover; overflow: hidden; /*z-index: 2;*/ } .h-top .h-logo img{ height: 50px; margin: 10px 0 10px 30px; } .h-top .h-infor{ float: right; overflow: hidden; margin-right: 30px; } .h-top .h-infor>li{ color: #fff; font-size: 14px; line-height: 70px; } .h-top .h-infor>li.h-name{ color: #e3ff06; margin: 0 17px 0 12px; } .h-top .h-infor>li.h-out{ overflow: hidden; } .h-top .h-infor>li.h-out img{ display: inline-block; padding-top: 27px; margin-right: 5px; } /*c-box*/ .c-box{ width: calc(100% - 24px); height: calc(100% - 94px); overflow: auto; padding: 12px; } .c-boxW{ padding: 20px 45px; box-sizing: border-box; border: 1px solid #ECECEC; overflow: hidden; background: #fff; height: auto; min-height: 100%; } .c-boxW>li{ width: calc(100% / 3); height: auto; position: relative; } .c-boxW>li>a{ display: block; box-sizing: border-box; border: 1px solid #ede9e1; border-radius: 5px; box-shadow: 1px 2px 3px #ede9e1; background: #faf7f1; text-align: center; margin: 4.5%; padding: 4% 0; cursor: pointer; } .homeBolck{ position: absolute; top: 0; left: 0; } .homeBolck { width: 91%; background: rgba(99, 99, 99, 0.75) !important; } .homeBolck p{ color: #ffd700 !important; } .c-boxW>li>a>p{ font-size: 16px; color: #333; } .c-boxW>li>a>p:first-child{ margin-bottom: 15px; } /*search*/ .search-box{ position: relative; margin: 0 0 10px 0; } .search-box input,.search-box select{ padding: 7px 15px; font-size: 15px; line-height: 1.6; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 40, 100, 0.12); border-radius: 3px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; cursor: pointer; } .search-box .search-multiple .layui-form-label,.search-box .layui-form-mid{ padding: 6px 15px !important; } .search-box .layui-input,.search-box .layui-select,.search-box .layui-textarea{ height:32px; } /*多个搜索*/ .search-box .search-multiple{} .search-box .search-multiple .layui-form-item{ margin: 0; position: relative; } .search-box .search-multiple .search-but{ font-size: 14px; box-sizing: border-box; border: 1px solid rgba(140, 177, 197, 0.6); background: #73b4d8; border-radius: 3px; color: #fff; display: inline-block; -ms-flex-align: center; -ms-flex-pack: center; text-align: center; padding: 5px 6px; position: relative; right: 0; top: 0; } /*单个搜索*/ .search-box .search-single{ overflow: hidden; } .search-box .search-w{ width: 230px; height: auto; position: relative; float: right; right: 0; border: 1px solid rgba(0, 40, 100, 0.12); border-radius: 3px; overflow: hidden; } .search-box .search-w .con-search:not(:last-child) { padding-right: 5px; } .search-box .search-w .con-search{ display: block; width: 190px; border: none; float: left; cursor: auto; } .search-box .search-w .input-icon-addon { float: left; color: #4b8fb5; display: block; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; min-width: 40px; line-height: 32px; text-align: center; cursor: pointer; } .search-box .export-but{ color: #f58500 !important; border: 1px solid rgba(245, 133, 0, 0.6) !important; } /*.layui-btn*/ .layui-btn{ background-color: #08b39c; } .layui-btn-normal{ background-color: #80b1d6; } .layui-btn-danger{ background-color: #ea7917; } .layui-btn-primary{ background-color: #fff; } .layui-btn-warm { background-color: #FFB800; } .layui-btn-xs{ line-height: 19px; padding: 0 8px; } .layui-form-label{ width: 90px; } .layui-input-block { margin-left: 120px; } /*layer*/ .layui-layer{ /*top: 0 !important;*/ max-height: 550px; } #applyDepartmentLay,#specificationBox,#specificationFile-box{ display: none; } .layui-layer-title { height: 30px !important; line-height: 30px !important; background-color: #f3f3f3 !important; } .layui-layer-setwin{ top: 9px !important; } .layui-layer-setwin>a:hover{ transform: rotateZ(180deg); transition: .3s all ease; -webkit-transform-origin: center; transform-origin: center; top: -1px; left: -1px; } /*table*/ .layui-table{ margin: 0; width: 100%; } .layui-table thead{ width: 100%; } .layui-table tbody tr>td:last-of-type{ /*border-right: none;*/ } .layui-table td, .layui-table th{ text-align: center; padding: 5px 15px; font-size: 12px; } .layui-table .layui-table-cell { height: 22px; line-height: 22px; } .layui-table tbody .layui-table-cell,.layui-table tbody .layui-table-cell .layui-btn{ height: 33px; line-height: 33px; } .layui-table thead tr{ background-color: #069683; color: #fff; font-weight: bold; } .layui-table thead tr .layui-table-cell{ font-weight: bolder; } .layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header,.layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] { border-width: 1px; border-style: solid; border-color: #dee7ed; } .layui-table tbody tr:hover{ background-color: #dee7ed; } .layui-table tr:nth-child(even){ background-color:#f5f5f5 } .layui-table, .layui-table-view{ margin: 0; } .tableTips{ display: inline-block; } /*内部导航栏*/ #crumbs{ position: relative; } #crumbs ul{ list-style: none; overflow: hidden; } #crumbs ul li a{ float: left; margin-right: 25px; display: inline-block; position: relative; padding: 7px 20px; text-align: center; background-color: #ececec; color: #333; text-decoration: none; font-size: 16px; outline: none; } #crumbs ul li a:after{ content: ""; border-left: 20px solid green; border-top: 20px solid red; border-bottom: 20px solid red; position: absolute; right: -20px; top: 0; border-left: 20px solid #ececec; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } #crumbs ul li a:before{ content: ""; border-top: 20px solid #ececec; border-bottom: 20px solid #ececec; border-left: 20px solid transparent; position: absolute; top: 0; left: -20px; } #crumbs ul li:first-child a{ border-top-left-radius: 10px; border-bottom-left-radius: 10px; } #crumbs ul li:first-child a:before{ display: none; } #crumbs ul li:last-child a{ border-top-right-radius: 10px; border-bottom-right-radius: 10px; } #crumbs ul li:last-child a:after{ display: none; } #crumbs ul li a:hover{ background-color:#ddd; } #crumbs ul li a:hover:after{ border-left-color: #ddd; } #crumbs ul li a:hover:before{ border-top-color: #ddd; border-bottom-color: #ddd; } #crumbs ul li a.active{ background-color:#efad5e; color: #fff; } #crumbs ul li a.active:before{ border-top: 20px solid #efad5e; border-bottom: 20px solid #efad5e; } /*会诊申请 入口*/ .iconBlock-menu{ overflow: hidden; width: 90%; height: auto; margin: 5%; } .iconBlock-menu>li.f-left{ width: 25%; height: auto; } .iconBlock-menu>li .menu-article{ display: block; box-sizing: border-box; border: 1px solid #E5E6E8; border-radius: 5px; box-shadow: 1px 1px 8px #E5E6E8; background: #fff; text-align: center; margin: 4.5%; padding: 15px 0; cursor: pointer; } .iconBlock-menu>li .menu-article .article-lg{ margin: 20px auto 35px auto; } .iconBlock-menu>li .menu-article .articleName{ font-size: 30px; color: #333; font-weight: 500; margin-bottom: 5px; } .iconBlock-menu>li .menu-article .articleName-english{ font-size: 14px; color: #6D6D6D; } .iconBlock-menu>li .menu-article .article-h{ width: 70px; height: 1px; background: #B4B4B4; margin: 30px auto 25px auto; } .iconBlock-menu>li .menu-article .article-go{ font-size: 14px; color: #333; margin-bottom: 15px; font-weight: bold; padding: 12px 40px; } .iconBlock-menu>li .menu-article:hover .article-go{ display: inline-block; background: url(../images/liBg.png) no-repeat; background-size: 100% 100%; color: #fff; } /*预约制会诊*/ #rsConsultation-box{ } #rsConsultation-box .rsConsultation-title-time{ font-size: 18px; margin-bottom: 10px; } #rsConsultation-box .rsConsultation-title-time .special-font{ color: #fda16b; font-size: 18px; font-weight: bold; letter-spacing: 1px; } #rsConsultation-box .rsConsultation-menu{ overflow: hidden; padding: 10px 5%; } #rsConsultation-box .rsConsultation-menu .rsConsultation-menu-line{ } #rsConsultation-box .rsConsultation-menu .rsConsultation-menu-line>a{ display: block; border: 1px solid rgba(54, 113, 173, 0.24); margin: 10px; color: #000; border-radius: 5px; overflow: hidden; cursor: pointer; } #rsConsultation-box .rsConsultation-menu .rsConsultation-menu-line>a span{ padding: 8px 5px; display: inline-block; font-size: 14px; float: left; } #rsConsultation-box .rsConsultation-menu .rsConsultation-menu-line>a span:first-child{ background: #f7fffa; width: 127px; text-align: center; padding-left: 10px; } #rsConsultation-box .rsConsultation-menu .rsConsultation-menu-line>a span.line-tips{ border-left: 1px solid #D0D0D0; font-weight: bold; padding: 8px 10px 8px 10px; color: #ffffff; background: #5ac65d; } #rsConsultation-box .rsConsultation-menu .rsConsultation-menu-line>a:hover span:first-child{ background: #f7fffa; } #rsConsultation-box .rsConsultation-menu .rsConsultation-menu-line>a:hover span{ } #rsConsultation-box .rsConsultation-note{ color: red; margin-left: 10px; margin-top: 15px; } #rsConsultation-box .rsConsultation-note + hr{ margin: 15px; } #rsConsultation-box .rsConsultation-blank{ margin-left: 10px; font-size: 14px; } #rsConsultation-box .rsConsultation-blank:hover{ color:#3671ad; font-size: 16px; } /*会诊申请-表单*/ .form-box{ width: 100%; height: auto; overflow: hidden; position: relative; } .form-box .form-nav{ margin-right: 50px; } .form-box .form-nav>li{ margin: 47.5px 0; position: relative; cursor: pointer; width: 90px; height: 90px; } .form-box .form-nav>li>span{ display: block; box-sizing: border-box; border: 1px solid #D8DEE5; color: #6D6D6D; border-radius: 100%; width: 74px; height: 74px; font-size: 12px; text-align: center; line-height: 74px; margin: 0 auto; position: relative; top: 8px; } .form-box .form-content{ width: calc(100% - 140px); height: auto; box-sizing: border-box; border: 1px solid #dee7ed; min-height: 460px; position: relative; } .form-box .form-content .form-content-line{ display: none; padding: 15px 15px 0 0; } .form-box .tab-arrow{ position: absolute; top: 79.5px; left: -16px; transition: .3s all ease; } .form-box .form-nav>li .form-nav-scrollBorder{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; display: inline-block; border-radius: 100%; box-sizing: border-box; } .form-box .form-nav>li .form-nav-scrollBorder .emp-round { width: 15px; height: 15px; border-radius: 50%; position: absolute; background-color: #fff; } .form-box .form-nav>li .form-nav-scrollBorder .r1 { left: 67px; top: 0; } .form-box .form-nav>li .form-nav-scrollBorder .r2 { bottom: 0; left: 8px; } .requiredSpan{ color: #ff3206; font-size: 18px; position: relative; top: 6px; left: 2px; font-weight: bold;; } form .err_n.layui-input,form .err_n.layui-input:focus,form .err_n.layui-textarea:focus{ border: 1px solid red !important; } /*hover*/ .form-box .form-nav>li.on>span:hover{ background: #fff; color: #efad5e !important; } /*选中*/ .form-box .form-nav>li.on>span{ color: #fff; font-size: 14px; border: none; background: #efad5e; } .form-box .form-content .onLine{ display: block; } .form-box .form-nav>li.on .form-nav-scrollBorder{ border: 1px solid #efad5e; animation: scrollBorder 3s infinite linear; } @keyframes scrollBorder { from { transform: rotate(0); } to { transform: rotate(360deg); } } /*底部按钮*/ .formBtn{ width: 100%; text-align: center; padding: 20px 0; } /*拟会诊科室模态框*/ .applyDepartmentLay-menu{ width: 97%; height: auto; overflow: hidden; padding-left: 3%; padding-top: 15px; padding-bottom: 15px; } .applyDepartmentLay-menu>li{ float: left; width: calc(100% / 5 - 10px); text-align: center; cursor: pointer; margin: 5px; } .applyDepartmentLay-menu>li>span{ display: block; width: 80%; min-width: 110px; padding: 10px 0; box-sizing: border-box; border: 1px solid #d0d0d0; border-radius: 20px; color: #888888; font-size: 12px; } .applyDepartmentLay-menu>li.onSpan>span{ color: #ffffff; border-color: #399638; font-size: 12px; font-weight: bold; background: #35bb33; transition: 0.2s all ease; } /*附件上传规范*/ #specification{ cursor: pointer; } #specificationBox>.specification-box{ padding: 15px 30px; } #specificationBox>.specification-box h4,#specificationBox>.specification-box h5,#specificationBox>.specification-box h6{ font-size: initial; } /*智能识别文档上传*/ .intelligentRecognition{ position: absolute; top: 0; right: 30px; } .intelligentRecognition>#uploader,.intelligentRecognition>#uploader>.btns{ overflow: hidden; } .intelligentRecognition>#uploader>.uploader-list{ width: 350px; height: 34px; border: 1px solid rgba(0, 40, 100, 0.12); border-radius: 3px; line-height: 34px; overflow: hidden; } .intelligentRecognition>#uploader>.uploader-list h4{ margin-left: 10px; } .intelligentRecognition>#uploader>.uploader-list,.intelligentRecognition>#uploader>.btns,.intelligentRecognition>#uploader>.btns #picker,.intelligentRecognition>#uploader>.btns #ctlBtn,.intelligentRecognition>#uploader>.btns #delBtn{ float: left; } .intelligentRecognition>#uploader>.btns #ctlBtn,.intelligentRecognition>#uploader>.btns #delBtn{ display: none; height: 36px; border-radius: 4px; margin: 0; } /*参考文件上传*/ #specificationFile-box{ min-height: 400px; } #specificationFile-box .layui-form{ padding: 15px; } #specificationFile-box .layui-form .layui-form-item .layui-form-label{ width: 115px !important; text-align: center; box-sizing: border-box; border: 1px solid rgba(0, 40, 100, 0.12) ; } #specificationFile-box .layui-form .layui-form-item:first-child .layui-input-block{ margin-left: 125px; } #specificationFile-box .layui-form .layui-form-item .layui-input-inline:first-child{ width: 115px; } #specificationFile-box .layui-form .layui-form-item .layui-input-inline:nth-child(2){ width: 346px; margin-right: 0; overflow: hidden; } #specificationFile-box .layui-form .layui-form-item .layui-input-inline:nth-child(2) p{ line-height: 34px; } #specificationFile-box .layui-form .layui-form-item .layui-input-inline:last-of-type,#specificationFile-box .layui-form .layui-form-item .layui-input-inline:last-of-type .layui-btn-danger{ width: 78px; } #specificationFile-box .layui-form .layui-form-item#sumUp{ margin-right: 21px; overflow: hidden; } #specificationFile-box .layui-form .layui-form-item#sumUp>p{ font-size: 12px; color: #666666; float: left; line-height: 38px; } #specificationFile-box .layui-form .layui-form-item#sumUp>button{ float: right; width: 84px; text-align: center; } #specificationFile-box #specificationBtn{ position: relative; padding: 0; width: 78px; } #specificationFile-box #specificationBtn .webuploader-pick { position: relative; display: block; cursor: pointer; background: #80b1d6; color: #fff; text-align: center; border-radius: 2px; overflow: hidden; padding: 0; height: 38px; } #specificationFile-box #specificationBtn .webuploader-pick+div{ width: 78px !important; } /*文件上传*/ .layui-upload>button{ margin: 0 10px; } /*计价单*/ #pricingList-box{ /*width: 64%; height: calc(100% - 115px);*/ padding:30px 18% 15px 18%; /*background: #fff; box-shadow: 1px 1px 8px rgba(232, 228, 219, 0.85); overflow: auto;*/ } #pricingList-box .title_p{ font-size: 23px; text-align: center; letter-spacing: 2px; line-height: 40px; margin-bottom:25px; } #pricingList-box .title_p>img{ width: auto; height:40px; } #pricingList-box hr{ border-top: 1px solid #404040; } #pricingList-box .information{ width: 100%; overflow: hidden; border-top: 1px dashed #9c9c9c; border-bottom: 1px solid #404040; padding-top: 10px; margin-top: 10px; } #pricingList-box .information>li{ list-style: none; margin-bottom: 10px; } #pricingList-box .information>li>span:first-child{ letter-spacing: 2px; } #pricingList-box .information>li>span{ width: auto; } #pricingList-box .layui-table{ margin: 10px 0; } #pricingList-box .paymentAmount{ font-size: 18px; font-weight: bold; text-align: right; padding-right: 20px; } #pricingList-box .conText{ padding:8px 0; } #pricingList-box .conText:first-child{ margin:20px 0 20px 10%; } #pricingList-box .conText>span:first-child{ display: inline-block; width: 80px; text-align: right; } #pricingList-box .orange{ padding:0 8px 0 0; font-size: 20px; font-family: "微软雅黑"; } #pricingList-box .conText .form-control{ display: inline-block; background: rgba(243, 243, 243, 0.33); cursor: pointer; } #pricingList-box .act{ background: url(../../images/checkbtn.png) no-repeat !important; background-size: 100% 100% !important; border: none !important; } #pricingList-box .qrCode,.paymentBtn{ overflow:hidden; margin:20px 0 60px 8px; } #pricingList-box .qrCode>span{ float: left; } #pricingList-box .qrCode>span:first-child{ margin-right: 5px; } #pricingList-box .qrCode>span img{ width: 152px; } #pricingList-box .none{ display:none; } #pricingList-box .block{ display: block !important; } #pricingList-box #qrcodeImg { border: none; box-shadow: none; width: 200%; height: calc(100% - 250px); } #pricingList-box .tilp_text{ font-size: 18px; color: red; font-weight: bold; margin: 10px 0 20px 20px; } #pricingList-box .tilp_text>i{ color: #ffd600; font-size: 40px; position: relative; top: 8px; margin-right: 3px; } /*查看-view*/ /*专家查询 -tab切换查询*/ .tab-inquire{ width: 100%; height: auto; border-bottom: none; overflow: hidden; } .inquire-menu{ overflow: hidden; padding: 8px 30px; } .inquire-menu>li{ font-size: 14px; color: #2E2D3C; cursor: pointer; border-right: 1px solid #dee7ed; position: relative; padding: 0 5px; } .inquire-menu>li:last-of-type,.inquire-menu>li.active,.inquire-menu>li:last-of-type,.inquire-menu>li.active1{ border-right: none; } .inquire-menu>li .inquire-text{ display: inline-block; width: 80px; height: 30px; text-align: center; line-height: 30px; font-weight: bold; } .inquire-menu>li .inquire-line{ position: absolute; width: 80px; height: 30px; left: 5px; top: 0; box-sizing: border-box; } /*hover*/ .inquire-menu>li:hover .inquire-text{ background: #f7c68a; color: #fff; } .inquire-menu>li.active:hover .inquire-text,.inquire-menu>li.active1:hover .inquire-text{ background: #fff; color: #efad5e; } /*选中*/ .inquire-menu>li.active .inquire-text,.inquire-menu>li.active1 .inquire-text{ color: #ff0000; font-size: 15px; font-weight: bold; } .inquire-menu>li.active .inquire-line:before,.inquire-menu>li.active .inquire-line:after,.inquire-menu>li.active1 .inquire-line:before,.inquire-menu>li.active1 .inquire-line:after{ content: " "; display: block; position: absolute; width: 80px; height: 30px; left: 0; top: 0; box-sizing: border-box; border: 2px solid red; animation: inquireLine 3s linear infinite; animation-delay: 0s; } .inquire-menu>li.active .inquire-line:before,.inquire-menu>li.active1 .inquire-line:before{ animation-delay: 1.5s; } @keyframes inquireLine{ 0%,100%{ clip: rect(0,80px,2px,0); } 25%{ clip: rect(0,80px,28px,78px); } 50%{ clip: rect(28px,80px,80px,0); } 75%{ clip: rect(0,2px,28px,0); } } /*消费清单tab切换table*/ .tabSwitch-c>table{ display: none; } /*文献检索*/ #documentRetrieval-box{ width: 100%; height: 100%; } #documentRetrieval-box .dr-list{ width: 75%; height: 100%; margin: 0 auto; position: relative; } #documentRetrieval-box .dr-list li{ height: auto; width: auto; position: absolute; } #documentRetrieval-box .dr-list li a{ display: block; width: 68%; height: auto; } #documentRetrieval-box .dr-list li a>img{ width: 100%; height: auto; cursor: pointer; } #documentRetrieval-box .dr-list li:first-child{ top: 0; right: 0; } #documentRetrieval-box .dr-list li:nth-child(2){ top: 0; right: 21.5%; } #documentRetrieval-box .dr-list li:nth-child(3){ top: 184px; right: 32.3%; } #documentRetrieval-box .dr-list li:nth-child(4){ top: 68px; right: 54%; } #documentRetrieval-box .dr-list li:last-of-type{ top: 257px; right: 64.7%; } /*序列号*/ #number-box{ width: 100%; height: 100%; background: #fff; overflow: hidden; } #number-box .num-logo{ width: 30%; height: 100%; background: url(../images/bg.jpg); background-size: cover; position: relative; } #number-box .num-logo>img{ position: absolute; left: 50%; margin-left: -108px; top: 15%; } #number-box .num-c{ width: calc(70% - 40px); height: 100%; padding-left: 40px; } #number-box .num-c>p{ font-size: 20px; font-family: '苹方'; margin-bottom: 25px; margin-top: 75px; } #number-box .num-c .num-list{ overflow: hidden; } #number-box .num-c .num-list>li{ position: relative; margin: 0 16px; } #number-box .num-c .num-list>li:first-child{ margin: 0 16px 0 0; } #number-box .num-c .num-list>li>input{ width: 85px; height: 32px; line-height: 32px; font-size: 18px; text-align: center; color: #7d7b7b; font-family: '幼圆'; padding-left: 0; letter-spacing: 2px; } #number-box .num-c .num-list>li:after{ content: ''; position: absolute; width: 15px; height: 1px; background: #e6e6e6; top: 16px; right: -23px; } #number-box .num-c .num-list>li:nth-child(4):after,#number-box .num-c .num-list>li:last-of-type:after{ display: none; } #number-box .num-c .num-btn{ margin-top: 80px; } #number-box .num-c .num-btn button{ letter-spacing: 8px; border-radius: 20px; height: 32px; line-height: 32px; text-align: center; padding: 0 17px 0 25px; } #number-box .num-c .num-list>li.num-tips-no{ clear: both; transition: .4s all ease; padding-top: 5px; margin: 0; height: 0; overflow: hidden; } #number-box .num-c .num-list>li.numNo.num-tips-no{ height: 30px; color: #ff4700; } #number-box .num-c .num-list>li.numYes.num-tips-no{ height: 30px; color: #14d647; } #number-box .num-c .num-list>li.num-tips-no>p{ font-size: 16px; font-family: '苹方'; } #number-box .num-c .num-list>li.num-tips-no>p i{ font-size: 20px; position: relative; top: 2px; margin-right: 5px; } /*病历查看*/ #viewBox{ margin: 15px 0 0 0; padding: 0 5%; } #viewBox .layui-elem-quote { border-left:5px solid #27dcc4; background-color: #fbfbfb; } #viewBox ul.view-h{ overflow: hidden; width: 100%; height: 100%; } #viewBox ul.view-h>li{ margin: 0 15px; } #viewBox ul.view-h>li>span{ color: #04c3aa; font-size: 20px; /*font-weight: bold;*/ line-height: 30px; } #viewBox ul.view-h>li:first-child>span,#viewBox ul.view-h>li i{ font-size: 30px; } #viewBox .details-list{ } #viewBox .layui-elem-field legend{ font-weight: bold; } #viewBox .details-list ul{ margin:0 20px; } #viewBox .details-list ul>li{ line-height: 30px; } #viewBox .details-list ul>li>span:first-child{ display: inline-block; width: 105px; font-weight: bold; } #viewBox .details-list .medicalRecord{ } #viewBox .details-list .medicalRecord>li{ overflow: hidden; margin: 5px 0; } #viewBox .details-list .medicalRecord>li>span:last-of-type{ display: block; width: calc(100% - 110px); } /*取消申请-layer*/ #applicationCancel{ padding: 15px 30px 25px 30px; } #applicationCancel>form{ } #applicationCancel>form .cancel-t{ margin: 10px 0 25px 0; text-align: center; } #applicationCancel>form .cancel-t>span{ font-size: 18px; color: #ff6a00; font-weight: 600; } #applicationCancel>form .cancel-t>span,#applicationCancel>form .cancel-t>img{ display: inline-block; } #applicationCancel>form .cancel-t>img{ position: relative; top: -3px; margin-right: 3px; } #applicationCancel>form .cancel-tit{ overflow: hidden; } #applicationCancel>form .cancel-tit span{ font-size: 16px; } #applicationCancel>form .cancel-tit a{ font-size: 14px; float: right; } #applicationCancel>form .cancel-tit a:hover{ color: #467fcf; text-decoration: underline; } #applicationCancel>form .cancel-inp{ overflow: hidden; margin: 10px 0 40px 0; } #applicationCancel>form .cancel-inp label{ height: 35px; line-height: 35px; background: #00b7ee; font-size: 14px; color: #fff; padding: 0 15px; border-radius: 2px; cursor: pointer; } #applicationCancel>form .cancel-inp input{ width: 310px; height: 35px; line-height: 35px; } #applicationCancel>form .cancel-inp #cancelFile_n{ display: none; } #applicationCancel>form .cancel-btn{ text-align: center; } #applicationCancel>form .cancel-btn .layui-btn{ padding: 0 40px; margin: 0 10px; } /*注册*/ #hosp_form .hospitalName{ /*overflow: hidden;*/ } #hosp_form .hospitalName .layui-form-select,#hosp_form .hospitalName #hospName{ width: 25%; float: left; } #hosp_form .hospitalName #hospName{ } #hosp_form #loginName{ position: relative; } #hosp_form #loginName+span,#hosp_form #loginName+span+span{ position: absolute; right: 15px; top: 9px; display: none; } #hosp_form #loginName+span.err_n{ color: red; } #hosp_form .layui-form-select.err_n .layui-input{ border: 1px solid red !important; } #hosp_form .layui-form-select.yes_r .layui-input{ color: #28c328; } /*注册成功*/ #regSuccess{ box-sizing: border-box; border: 1px solid #ECECEC; background-color: #fff; width: 80%; height: 80%; margin: 5% 10%; overflow: hidden; padding: 3% 5% 0 5%; background-image: url(../images/success.png); background-repeat: no-repeat; background-position: center left 5%; background-size: auto 80%; } #regSuccess>img{ width: auto; height: 80%; } #regSuccess .regSuc-c{ height: 82%; margin-left: 30%; position: relative; } #regSuccess .regSuc-t{ color: #EF6600; } #regSuccess .regSuc-t{ font-size: 34px; font-family: "华文行楷"; } #regSuccess .regSuc-i{ margin: 5% 0 3% 0; } #regSuccess .regSuc-inp{ overflow: hidden; color: red; } #regSuccess .layui-bg-blue{ margin: 5% 0 2% 0; } #regSuccess .regSuc-b{ font-size: 14px; color: #6D6D6D; } #regSuccess .regSuc-f{ text-align: center; position: absolute; right: 0; bottom: 6%; } #regSuccess .regSuc-f p:first-child{ margin: 0 0 10px 0; } #regSuccess .regSuccess-btn{ text-align: center; } #regSuccess .regSuccess-btn button{ padding: 0 40px; } /*请选择打印机*/ #printer{ } #printer ul{ padding: 20px 50px; } #printer li{ text-decoration: underline; font-weight: 600; font-size: 16px; margin: 20px; cursor: pointer; color: #00b7ee; } /*技术支持*/ #technicalSupportBox{ height: auto; overflow: hidden; padding: 0 15%; } #technicalSupportBox>li{ padding:4% 0; padding-left: 5% !important; border-bottom: 1px solid #d8d8d8; overflow: hidden; } #technicalSupportBox>li:last-of-type{ border-bottom: none; } #technicalSupportBox>li:first-child{ padding: 10px 0 20px 0; } #technicalSupportBox>li>dl{ display: flex; align-items: center; } #technicalSupportBox>li>dl>dt{ font-size: 18px; color: #e27332; line-height: 40px; float: left; width: 135px; } #technicalSupportBox>li>dl>div{ float: left; } #technicalSupportBox>li>dl img{ position: relative; top: -2px; margin-right: 4px; } #technicalSupportBox>li>dl dd{ line-height: 35px; padding-left: 80px; } #technicalSupportBox>li>dl dd.kon{ display: inline-block; width: 37px; } #technicalSupportBox>li>dl dd>span,#technicalSupportBox>li>dl dd>a{ font-size: 16px; } #technicalSupportBox>li>dl dd>span{ color: #696969; } #technicalSupportBox>li>dl dd>a{ color: #72a3d6; cursor: pointer; } #technicalSupportBox>li>dl dd>a:hover{ text-decoration: underline; } .help_show{ cursor:pointer; position:relative; } .helpImg{ cursor:pointer; display:none; position: absolute; top: -183px; left: 20px; z-index: 100; width: 420px; } .helpImgr{ display:inline-block; width:20px; height:20px; } .help_show:hover .helpImg{ display:block; } @media screen and (min-width: 720px) and (max-width: 1080px) { /*会诊申请 入口*/ .iconBlock-menu>li .menu-article .article-lg{ margin: 13px auto 23px auto; } .iconBlock-menu>li .menu-article .articleName{ font-size: 27px; margin-bottom: 5px; } .iconBlock-menu>li .menu-article .article-h{ margin: 23px auto 18px auto; } .iconBlock-menu>li .menu-article .article-go{ margin-bottom: 0px; } } @media screenand (min-width: 1081px) and (max-width: 1280px) { /*会诊申请 入口*/ .iconBlock-menu{ overflow: hidden; width: 80%; height: auto; margin: 5% 10%; } .iconBlock-menu>li.f-left{ width: 50%; height: auto; } } @media screen and (min-width:1367px) and (max-width:1440px){ /*首页*/ .c-boxW{ padding: 3% 7%; } .c-boxW>li>a { padding: 6% 0; } .c-boxW>li>a>p{ font-size: 24px; } .c-boxW>li>a>p:first-child { margin-bottom: 20px; } .c-boxW>li>a>p:first-child img{ width: 90px; height: 90px; } /*文献检索*/ #documentRetrieval-box .dr-list li a>img{ width: 70%; } #documentRetrieval-box .dr-list li:first-child{ top: 55px; right:0; } #documentRetrieval-box .dr-list li:nth-child(2){ top: 55px; right: 22%; } #documentRetrieval-box .dr-list li:nth-child(3){ top: 250px; right: 33%; } #documentRetrieval-box .dr-list li:nth-child(4){ top: 126px; right: 55%; } #documentRetrieval-box .dr-list li:last-of-type{ top: 381px; right: 60%; } } @media screen and (min-width:1441px) and (max-width: 1920px) { /*首页*/ .c-boxW{ padding: 20px 12%; } .c-boxW>li>a { padding: 6.5% 0; } .c-boxW>li>a>p{ font-size: 28px; } .c-boxW>li>a>p:first-child { margin-bottom: 30px; } .c-boxW>li>a>p:first-child img{ width: 105px; height: 105px; } /*注册成功*/ #regSuccess .regSuc-c{ margin-left: 34%; } #regSuccess .regSuc-i { margin: 7% 0 4% 0; } #regSuccess .layui-bg-blue{ margin: 6% 0 4% 0; } #regSuccess .regSuc-t{ font-size: 50px; } #regSuccess .regSuc-f { bottom: 10%; } /*文献检索*/ #documentRetrieval-box .dr-list li a>img{ width: 84%; } #documentRetrieval-box .dr-list li:first-child{ top: 55px; right:0; } #documentRetrieval-box .dr-list li:nth-child(2){ top: 55px; right: 20%; } #documentRetrieval-box .dr-list li:nth-child(3){ top: 292px; right: 30.3%; } #documentRetrieval-box .dr-list li:nth-child(4){ top: 135px; right: 50%; } #documentRetrieval-box .dr-list li:last-of-type{ top: 381px; right: 60%; } }