@import url("../font/font-awesome-4.7.0/css/font-awesome.min.css");

html { font-size: 12px; background-color: #f8f8f8;}

*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}

body,html,button,input,select,textarea {font-family: "Microsoft Yahei",Tahoma,Simsun,sans-serif;font-family: microsoft yahei,tahoma,arial; }
.d{font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;  }
img{border:none; vertical-align: top;max-width: 100%;}
ol,ul{list-style:none;}
body,body .admin_body, html {}
input{
　  outline: none;
    -webkit-appearance: none; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
:root{
	--theme-bgd-color: #2f4050;--theme-darkd-color: #293846;--theme-fontd-color:#333;
}
.theam_white {
    --theme-font-color: #fff;
    --theme-fonth-color: #efefef;
    --theme-bg-color: #ff6a00;
    --theme-dark-color: #ff6a00;
    --theme-line-color: #ff6a00;  
    --theme-navactive-color:#fbd36d;
    --theme-hover-color:#fd4806;
    --theme-btn-color:#ff6a00;
    --theme-ahover-color:#ff6a00;
}


.bg_red{background-color: #FF5722;color: #fff;}
.bg_green{background-color: #5FB878;color: #fff;}
.bg_blue{background-color: #1E9FFF;color: #fff;}
.bg_orange{background-color: #FFB800;color: #fff;}
.bg_white{background-color: #f7f7f7; color: #333;}
.bg_black{background-color: #2f4050; color: #fff;}
.bgwhite{ background-color: #fff; }
a{color:#222; text-decoration:none; cursor: pointer;}
a:hover{color:#ff6a00;color:var(--theme-ahover-color); }
.tran,.selecthospital ul li a{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.cl{clear:both;zoom:1;}
.cl:before,.cl:after {content:"";}
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.ovh{ overflow:hidden;}
.hide{ display: none;}
.show{ display: block; }
.fl{ float: left; }
.fr{ float: right; }
.boxshadow{-moz-box-shadow: 0px 0px 20px #cdcdcd;box-shadow: 0px 0px 20px #cdcdcd;}
.full{ width: 100%; }
.pdlg{ padding: 20px; }
.pd { padding: 16px;}
.pds { padding: 10px;}
.pdlr { padding-left: 10px;padding-right: 10px;}
.pr{ position: relative; }
.pa{ position: absolute; }
.pf{ position: fixed; }
.avatar{border-radius:50%;}
.tc{ text-align: center!important; }
.autofill{ width:1px; height:0px; z-index:-9999; border:0px!important; position:absolute;top:-1000rem;}
.fcgreen{ color: #0fb50f; }
.fcorange{ color: #ff5722; }
.fc-blue{ color:#1E9FFF}
.fc-orange{ color:#FF5722!important;}
.fc-black{ color:#393D49}
.fc-green{ color:#009688;}
.fcyellow{ color: #ffb800 ;}
.errortip{ color:#FF5722;}
.fcrequire{ color:#F04E00;}
.fcdisabled{ color:#888;}
.fctime{ color: #a6b119;}
.disabled{ color:#888; cursor:not-allowed!important;}
button.disabled{ background:#ccc;}
.reload{ background-color: #ff5722; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt0{ margin-top: 0px; }
.mb{ margin-bottom: 10px; }
.mr{ margin-right: 10px; }
.ml10{ margin-left:18px;}
.ml30{ margin-left:30px;}
.ov-y-scroll{overflow-x: hidden;overflow-y: auto;}
.pdtb{ padding: 20px 0; }
.betweendatetime{ width: 200px; }
.cursor{cursor: pointer;}
.mr2 { margin-right: 10px;}
.mrs { margin-right: 5px;}
.fc-orange {color: #FF5722;}
.fc-blue{ color: #1d9ffd; }
.s-select {width: 120px;}
.wp2{ width:49%;}
.margin0{ margin:0;}
td.padding0{ padding:0}
.tvg{ background: #FAFAFA;}
.ml{ margin-left: 10px; }
.pdtb{ padding:10px 0;}
.pdtb2{ padding:20px 0;}
.pdt{ padding-top:10px;}
.pdt1{ padding-top:10px;}
.status1{ color: red; }
.patientlist .layui-badge-dot{ position: absolute;left:4px;top:50%; margin-top: -3px; background-color: #ddd; display: inline-block; width: 6px; height: 6px; }
.layui-upload-img {
    width: 38px;
    height: 38px;
    margin: 0 10px;
    float: left;
}
body .layui-table th.thcenter{ text-align:center;}


::-webkit-scrollbar{width:6px;height:12px; position:fixed; }
::-webkit-scrollbar-thumb:vertical{background:#ccc;}
::-webkit-scrollbar-thumb:horizontal{background:#ccc;}
input{
   outline-color: invert ;
    outline-style: none ;
    outline-width: 0px ;
    border: none ;
    border-style: none ;
    text-shadow: none ;
    -webkit-appearance: none ;
    -webkit-user-select: text ;
    outline-color: transparent ;
    box-shadow: none;
}

.borderbox{　-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

.login{width: 100%;height: 100vh; text-align: center;display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    float: left; align-items:center;}
.admin_login{width: 280px; margin: auto; }
.admin_login h2{ margin-bottom: 20px; font-size: 18px; }
.admin_login li{ position: relative; margin: 10px 0; font-size: 14px; color: #333;}
.admin_login li i{  font-size: 16px;line-height: 40px; }
.loginul li i{ position: absolute; left:10px;top:0px; }
.admin_login input{font-size: 14px;width:100%; border:1px solid #ddd; outline: none;line-height: 30px; padding:5px 0; height: 40px; overflow: hidden; text-indent: 14px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.admin_login input:focus{border:1px solid #ff6a00;border:1px solid var(--theme-line-color);border:1px solid #ff6a00;}
.admin_login #codeimg{ position: absolute;right:1px;top:1px; cursor: pointer; height: calc(100% - 2px); }
.admin_login .btn{ background-color: #ff6a00; background-color:var(--theme-btn-color); color: #fff; color:var(--theme-font-color); cursor: pointer; border:0px; line-height: 40px;}
.admin_login .extendlogin{ line-height: 30px; padding: 10px 0; text-align: left;}
.admin_login .extendlogin .login_icon{ border:2px solid #ff6a00; margin: 0px 4px; width: 30px; line-height: 30px; text-align: center; display: inline-block;border-radius:50%;}
.admin_login .extendlogin .qqlogin{ color:#1e9fff;border-color:#1e9fff;}
.admin_login .extendlogin .wechatlogin{ color: #07c160;border-color:#07c160;}
.loginul li input{ text-indent: 36px; }
.verify input{ text-indent: 30px; }
.verify input:focus{border:1px solid #ddd;}

.yzcode{ width: 100%; padding: 50px 0; box-sizing: border-box;text-align: center; }
.yzcode h4{ line-height: 40px; }
.val-box {display: inline-block; height: 42px; width: 290px;text-align: center;position: relative;background-color: #fff; }
.val-box input {position: absolute;left: 0;top: 0;height: 42px; width: 280px; opacity: 0.9;z-index: -999;outline: none;background-color: none;}
.val-box span {height: 40px;width: 40px;border: 1px solid #DDD; border-radius: 2px; float: left;margin: 0px 3px;z-index: 5;font-size: 18px;text-align: center;line-height: 40px;cursor: text;}
.val-box .available {border-color: #ff6a00;}
 .val-box span.active{-webkit-animation:ancodeline 0.8s linear infinite;}
 @-webkit-keyframes ancodeline {
    0% {
     border-color:#ddd;
    }
    50% {
       border-color:#ff6a00;
    }
    100% {
       border-color:#ddd;
    }
}
.codeinput {margin:0 auto;text-align: center; display: inline-block;}
.codeinput input[type=tel] { width: 40px; height:40px;text-align: center; border:1px solid #dad6da; border-radius: 2px; float: left; margin-left: 5px; font-size: 15px; box-sizing: border-box; text-indent: 0;}
.codeinput input[type=tel]:focus{outline:none;border:1px solid #ff6a00;} 

.header{ height: 40px;  background:#fff; width: 100%; box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); position: relative; line-height: 40px; z-index: 99;font-size: 12px; }
.header .logo{ width:50px; height:40px; background: url(../images/logo.png) center center no-repeat; background-size:40px auto;  }
.header .logo .circle{ color:#ff6a00;color:var(--theme-ahover-color); width: 24px; height: 24px; margin: 8px;border:2px solid #ff6a00;border-radius:50%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; line-height: 18px; text-align: center; font-weight: bold; font-size: 16px;-webkit-animation:anlogo 5s linear infinite; }
@-webkit-keyframes anlogo {
    0% {
    transform:rotate(0deg);
    box-shadow:0px 0px 0px #ff6a00;
    }
    50% {
    transform:rotate(180deg);
    box-shadow:0px 0px 10px #ff6a00;
    }
    100% {
    transform:rotate(360deg);
    box-shadow:0px 0px 0px #ff6a00;
    }
}
.header .nav ul li{ float: left;  position: relative; font-size: 12px; }
.header .nav ul li a{ display: inline-block; width: 100%; height: 100%;padding: 0 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.header .nav ul li a.active,.header #hospitallist ul li a.active{ color:#ff6a00;color:var(--theme-ahover-color);  }
.header .nav ul li ol{ position: absolute; min-width: 140px; top:100%; left:0px; line-height: 32px;background:#fff;box-shadow: 0px 2px 4px 2px rgba(0,0,0,.1); z-index: 200; padding: 6px 0;   display: none; }
.header .nav ul li:hover ol{ display: block; }
.header .nav ul>li:hover,.header .nav ul li .active,.header #hospitallist ul li:hover,.header #hospitallist ul li .active{ background-color: rgba(245,245,245,0.8);}
.header .nav ul li ol li{ width: 100%;  }
.header .nav ul li ol a{ display: block; width: 100%; width: 100%; text-indent: 0px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.header .nav ul li ol a:hover{ background-color:#f5f5f5;  }
.header #hospitallist{ width: auto;padding:0 16px; text-align:center; height: 40px;}
.header #hospitallist ul {box-shadow: 0 1px 4px 2px rgba(0,0,0,.1);  position: absolute;left:0px;top:100%; width:100%; background-color: #fff; z-index: 333; display: none; padding: 6px 0;}
.header #hospitallist ul li:hover{ background-color: rgba(245,245,245,0.8);}
.header #hospitallist:hover ul{ display: block; }
.header #hospitallist ul li a{ display: block; width: 100%; height: 100%; overflow: hidden; text-align:center;line-height: 30px; text-indent: 0; }
.header .op  li{ float: left; padding: 0 6px; font-size: 16px;position:relative; }
.header .op  li .fa{ font-size: 16px; line-height: 40px;}

.header .op  li.comment span.ss{ position: absolute; background: #ff5722; color: #fff;border-radius:50%;display: inline-block; position: absolute;right:0px;top:10px; width: 6px; height: 6px; animation: fade 800ms infinite;
    -webkit-animation: fade 800ms infinite; }

.header li.userinfo{ z-index:9;  text-align:center;padding: 0 10px; }
.header .userinfo div{ width:240px;right:-240px;top:40px;z-index:300;background-color:#fff;box-shadow: 0 1px 4px 2px rgba(0,0,0,.1); font-size: 12px;}
.header .userinfo:hover div{right:0px;}
.header .userinfo ul{padding:4px 0 0 0; border-top:1px solid #efefef; overflow: hidden; text-align: left;}
.header .userinfo ul li{line-height:24px;float:left; width: 100%; padding: 0px; line-height: 34px; }
.header .userinfo ul li a{ display: block; width: 100%; font-size: 12px;text-indent: 4px; line-height: 34px;}
.header .userinfo ul li a:hover{ background-color: #f5f5f5;}
.header .userinfo ul li .fa{ font-size:13px; width: 30px;text-align: center; text-indent: 0px;line-height: 34px;}
.header li.userinfo .avatarfa{font-size: 30px;  overflow: hidden; }
.header li.userinfo .avatar{ width: 30px; height: 30px;border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%;  -moz-border-radius:50%; margin-top: 5px; }
.header li.userinfo .avatarbig { width: 40px; height: 40px;margin-top: 2px; }
.header .userinfo dl{ padding:12px;}
.header .userinfo dl dt{ width:40px; float:left; margin-right:10px; padding: 0 10px;}
.header li.userinfo .fa.avatarfabig{width:40px; height:44px;font-size: 40px; line-height: 44px;}
.header .userinfo p{ text-align:left; line-height:22px;}
.header .userinfo ul li.loginout{line-height: 40px; text-align: center;background-color: #efefef; margin-top: 4px; }
.header .userinfo ul li.loginout a{ display: block; width: 100%; height: 100%; line-height: 40px;font-size: 14px; }

#comment{ position: fixed; right:-320px; top:0px; width: 300px; height: 100%;z-index: 600;line-height: 20px;background-color:#fff;-moz-box-shadow:-2px 0px 8px #ccc; box-shadow: -2px 0px 8px #ccc;color:#fff;color: #333; }
#comment h2{ line-height: 40px; font-size: 14px; font-weight: normal; text-align: center; margin-bottom: 10px;border-bottom: 1px solid #eee;  }
#comment ul{ padding:0px 10px; overflow-y:auto; height: calc(100% - 60px); }
#comment ul li h4{ font-weight: normal; font-size: 13px; padding-bottom: 4px; color: #ff6a00; }
#comment ul li{  width:100%;font-size: 12px;position: relative; padding: 10px; margin-bottom:10px;text-align: left;  box-sizing: border-box; background-color: #f8f8f8;border-radius:6px;-webkit-border-radius:6px; -ms-border-radius:6px;  -moz-border-radius:6px;}
#comment ul li.read1{ color: #aaa; }
#comment ul li.read1 h4{ color: #aaa; }
#comment ul li span{ line-height: 22px; font-size: 12px; color: #aaa;}
.header .op li.comment:hover #comment{ right:0px; }
.frame_body{  width: 100%; height: calc(100vh - 42px); overflow: hidden;}

@keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.1;
    }
    to {
        opacity: 1.0;
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.1;
    }
    to {
        opacity: 1.0;
    }
}

.box{ overflow:hidden;border-radius:6px;}
.box-title{ border-bottom:1px solid #eee; overflow:hidden;font-size:13px; color:#404557; line-height:36px; text-indent:8px; }
.box-title .fa{ font-size: 16px; line-height: 36px; height: 36px; box-sizing: border-box; margin-right: 4px;}
.box-title .layui-icon{ line-height: 36px;height: 36px; box-sizing: border-box; }
.box-title span{ text-indent:0; height: 36px; display: inline-block;}
.box-title span:hover{ color:#FF5722;}
.box-title .more{ margin-right: 10px; font-size: 13px; }

.system-messagepage{ display: -webkit-flex;display: flex; display:inline-flex; justify-content:center; width: 100%; height: 100vh; background-color: #fff; align-items: center;}
.system-message{ text-align: center; font-size: 15px;line-height: 30px;  display: inline-block; padding: 16px 0 10px 0; }
.system-message h1{ font-size: 56px; padding-bottom: 10px; }
.system-message h2{ font-size: 22px; font-weight: normal;letter-spacing:4px;}
.system-message p.detail{ font-size: 15px; color: #333;  }
.system-message p.jump,.system-message p.jump a{ font-size: 13px;color: #888; margin-top: 20px; }


.addbox{  }
.btn{background-color: #ff6a00; background-color:var(--theme-btn-color); color: #fff; color:var(--theme-font-color); cursor: pointer; border:0px;}
.btn:hover{ background-color:#fd4806; background-color:var(--theme-hover-color)!important; }
.layui-table .layui-form-switch{ margin-top: -3px; }
.layui-form-onswitch {border-color: #ff6a00;background-color: #ff6a00;}
.layui-form-checked span, .layui-form-checked:hover span {background-color: #ff6a00;}
.layui-form-checkbox[lay-skin=primary] span{ background: none; }
.layui-form-onswitch em{ margin-left: 0px; }

.excelresult{border:1px solid #ddd; width: 100%; max-height: 540px; height: 540px; overflow: auto; }

.orderhome .layui-tab-title{  width:auto; max-width:80%;max-width:-moz-calc(100% - 190px); max-width:-webkit-calc(100% - 190px);max-width: calc(100% - 190px); float:right; border:0; margin-right: 10px;}
.orderhome .layui-table a{ display:block; width:100%; height:100%;}
.orderhome .layui-tab .layui-table-view,.orderhome .layui-tab .layui-table{ margin:-1px 0;}
.orderhome .layui-tab-more2{ background:#fff; border:1px solid red; position:absolute;right:0;top:0;}

.tjtable .layui-table{ margin:0;}
.orderhome .layui-table th,.orderhome .layui-table td{ text-align:center;}
.orderhome .layui-tab.pr .box-title{ position:absolute;left:0;top:0;width:100%;}
.ov-x-scroll{overflow-y: hidden;overflow-x: auto;white-space: nowrap;}
.ov-x-scroll->div{ float:left;}
.tjtable{ position: relative;display: inline-block;}
.orderhome .layui-tab-title li{ padding:0 4px;}
.orderhome .layui-tab-bar{ border-top:0px;border-right:0px; height:38px; line-height:38px;}
.betweentime{ width:350px;}
.betweendate{ width:200px;}
.tomorrow-order a {
    display: block;
    padding: 10px 15px;
    background-color: #f8f8f8;
    color: #999;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
}



.topdata .box{float: left; }
.topdata .box:nth-of-type(2){ margin-left: 1%; }

.todaydata{ width:100%; }
.topdata ul { padding: 10px 0; }
.todaydata ul li{ width: 16.3333%; float: left; text-align: center;overflow: hidden;}
.topdata ul li b{ font-size: 30px; }
.topdata ul li h3{ font-size: 13px; font-weight: normal;  }
.todaydata ul li a{ display: block; width: 100%; height: 100%; }
.todaydata a{ position:relative;}
.todaydata .layui-badge-dot{ position:absolute; top:8%;}
.topdata .wp{ width: 49%; }
.topdata .wp1{ width: 24%; }
.topdata .bdm{ width: 24%; margin-left: 1%; }
.bdh ul li,.bdm ul li{ width: 33%; float: left; text-align: center;}
.topdata .bdl{ display: inline-block; }
.bdbd{ position: absolute; height: 26px; font-size: 13px; width: 30px;right:-40px; text-align: left; }
.bdbd small{ margin-right: 4px; position: absolute;left:0px;top:0px; }
.mcfd { position: absolute; right:4px; top:-4px; }
.bdbd .up,.mcfd .up{ color: red;}
.bdbd .down,.mcfd .down{ color: green; }
.bdbd .min{ color: #ddd;}


.patientlist .layui-tab .layui-tab-title li{font-size: 12px; }
.patientlist .layui-table-view{ margin: 0px; }
.patientlist2 .layui-tab .layui-tab-title{ height: 30px; }
.patientlist2 .layui-tab .layui-tab-title .layui-this:after{height: 31px;}
.patientlist .tooltip{ display: block; width: 100%; height: 100%; }
.patientviewtable{ width: 100%;font-size: 12px; }
.patientviewtable th{ background-color: #fafafa;  line-height: 36px; font-weight: normal; font-size: 13px;}
.patientviewtable td,.patientviewtable th{border:1px solid #eee; padding:0;word-break: break-all;}
.patientviewtable td table td{border:0px; padding:6px 10px 6px 0;line-height: 20px;}
.patientviewtable td table tr:nth-of-type(2n){ background-color: #f3f3f3;  }
.patientviewtable .content{ padding: 10px; max-height: 960px; overflow-y: auto; line-height: 24px; font-size: 13px;}
.patientviewtable .content p{ margin: 16px auto; }
.patientviewtable .huifang,.patientviewtable .edit_log{ line-height: 20px; }
.message ul li{ margin: 10px auto 20px auto;color: #888; }
.message ul li span{ display: block; width: 100%; text-align: center; color: #aaa; }
.message ul li p{background-color: #f4f4f4; padding: 10px;border-radius:6px; margin: 10px 0!important; line-height: 20px;}
.message ul li.status1{ color: #333; }
.message ul li.status1 p{background-color: #f0f0f0;}
.messagelist dt{ width: 100%; background-color: #f0f0f0; line-height: 34px; text-indent: 12px; }
.messagelist dd{ padding: 10px; max-height: 500px; overflow-y: auto; }
.templist li{ float:left; line-height:30px; margin:6px!important; }
.templist li a{ border:1px solid #ddd;border-radius:50px; display:block;padding:0 20px; position:relative;}
.templist li a.active,.templist li a:hover{ border:1px solid #F60; color:#f60;}
.templist li a.edit::after {position: absolute;content: ''; background:#5FB878;right: 8px;top: 4px;width: 6px;height: 6px;border-radius: 50%;}
.pright{ right: 0px;top:0px; z-index: 555; }
.highsearch{ position:absolute;left:0;top:-100vh;  width:100%; z-index:920; background-color:rgba(255,255,255,0.95);-moz-box-shadow:0px 4px 8px #ccc;box-shadow: 0px 4px 8px #ccc;}
.searchhide{}
.highsearch.active{top:0;}
.highsearch .layui-form-item{ float:left; clear:none; width:33%;}
.highsearch2 .layui-form-item{float:left; clear:none; width:25%;}

.editfieldauth{ border:1px solid #ddd; padding: 6px; margin: 6px 10px; }

.minsearch{ float:right;border:1px solid #ff6a00;border:1px solid var(--theme-btn-color); height:30px;position:relative; font-size: 12px; }
.minsearch #searchhistory{ position:absolute;top:30px;left:-1px;width:100px; border:1px solid #2f4050;border:1px solid var(--theme-btn-color); background:#fff; z-index:900;width: 200px; display:none;}
.minsearch #searchhistory a{ display:block; width:100%; height:30px;font-size:12px; line-height:30px; text-indent:4px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#777;}
.minsearch #searchhistory a:hover{ background:#F3F3F3;}
.minsearch .searchinput{ height:30px;font-size:12px;line-height:30px; border:0px; text-indent:4px; width:200px; color:#444; box-sizing: border-box; box-sizing: border-box;}
.minsearch .btn,.highsearchbtn .btn{  font-size: 12px;float:right; border:0px; line-height:30px; text-align:center; padding:0 10px; cursor:pointer; background-color:#ff6a00;color:#fff;background-color: var(--theme-btn-color);color: var(--theme-font-color);}
.highsearchbtn .btn{border:1px solid #ff6a00;border:1px solid var(--theme-btn-color); margin-left:5px;  }


.service {
    position: fixed;
    right: 0px;
    bottom: 50px;
    font-size: 12px;
    line-height: 20px;
    display: block;
    padding: 6px;
    text-align: center;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 0px 4px 2px rgba(0,0,0,.1);
}
.service:hover{ background-color: rgba(255,106,0,0.8); color: #fff;}

.selecthospital  h2{ text-align: center; line-height: 100px; font-size: 24px; margin-top: 100px;}
.selecthospital ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content:center;align-items:center;-webkit-align-content: center;  max-height: 600px; }
.selecthospital ul li{ display: block; margin: 10px; }
.selecthospital ul li a{ display: block;  width: 80px; height: 80px;border-radius:50%; background-color: #fff;  box-sizing: border-box; text-align: center; line-height: 80px;font-size: 16px;border:2px solid #ddd;}
.selecthospital ul li a:hover{background-color:#ff6a00; color: #fff;border-color:#ff6a00;-webkit-animation:hosselect 2s linear infinite;  }

.homeselecthospital ul{ text-align: center; }
.homeselecthospital ul li{ display: inline-block; margin: 10px 0px 0 2px;}
.homeselecthospital ul li a{ display: block;font-size:16px;  width: 36px; height: 36px;border-radius:50%; background-color: var(--theme-bg-color);  box-sizing: border-box; text-align: center; line-height: 34px;border:2px solid #ddd;color: var(--theme-font-color);}
.fieldsxm{float: left;}
.fieldslist li{ float:left; padding:2px; }



@-webkit-keyframes hosselect {
    0% {
   
    box-shadow:0px 0px 0px #ff6a00;
    }
    50% {
    
    box-shadow:0px 0px 50px #ff6a00;
    }
    100% {
   
    box-shadow:0px 0px 0px #ff6a00;
    }
}

.rankcondition .layui-form-item{ display: inline-block;margin-bottom: 0px; }
.rankcondition .layui-form-item .layui-input-inline{ width: 100px; }
.rankcondition .layui-form-label{ width: auto; }
.rankcondition .layui-input,.rankcondition .layui-select{ line-height: 30px; height: 30px; }
.rankcondition .layui-form-label{ padding: 5px 10px; }
.rankcondition .layui-form-select dl{top:30px;}
.rankxmdate {left: 210px;top:10px; z-index: 555; } 


.tjul ul{  display: inline-block; padding: 16px 10px; margin-right: 4px;border-radius:6px;color: #fff;}
.tjul ul:last-of-type{ margin-right: 0; }
.tjul ul li{ text-align: center; float: left; min-width: 76px; padding: 0 4px;}
.tjul ul li b{ font-size: 22px;  }
.tjul ul li h3{ font-weight: normal; font-size: 13px; }
.tjul .todaybg{ background-color:#FF5722; color: #fff;}
.tjul .thismonthbg{ background-color: #5FB878;  }
.tjul .yesterdaybg{  background-color:#da8b15; }
.tjul .tomorrowbg{ background-color: #1E9FFF; color: #fff;}
.tjul .thisyearbg{background-color: #0a3f9e;}


.eleTree{position: relative;}
.eleTree-hide,.eleTree-search-hide{display: none;}
.selecttree{ position: absolute;left:0px;top:100%; z-index: 110; background-color: #fff; width: 100%;border:1px solid #dedede; box-sizing: border-box; display: none; max-height: 200px; overflow: auto; }
.eleTree-loadData .layui-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%)  translateY(-50%);
}
.eleTree-node-content{
    cursor: pointer;
    height: 30px;
    line-height: 1.6;
    white-space: nowrap;
}
.eleTree-node-content:hover,
.eleTree-node-content.eleTree-node-content-active{
    background-color: #eee;
}
.eleTree-node-content-icon .layui-icon{
    padding: 6px 3px;
    color: #c0c4cc;
    font-size: 12px;
    display: inline-block;
    transform: rotate(0deg);
    transition: transform .3s ease-in-out;
}
.eleTree-node-content-icon .layui-icon.icon-rotate{
    transform: rotate(90deg);
}
.eleTree-node-content .layui-form-checkbox[lay-skin=primary] i{
    width: 13px;
    height: 14px;
    line-height: 1.3;
}
.eleTree-node-content-label{
    padding-left: 5px;
}
.eleTree-node-content-input{
    width: 80px;
    border: 1px solid #e6e6e6;
    outline: 0;
    padding: 3px 5px;
    font-size: 12px;
}

/* 线条样式 */
.eleTree-node{
    position: relative;
}
.eleTree-node .eleTree-node-verticalline{
    position: absolute;
    width: 0;
    height: 100%;
    border: 1px dotted #ccc;
    z-index: 1;
}
.eleTree-node .eleTree-node-horizontalline{
    position: absolute;
    height: 0;
    top: 13px;
    border: 1px dotted #ccc;
    z-index: 1;
}

/* checkbox第三种状态 */
input.eleTree-hideen[type=checkbox]{
    display: none;
}
.eleTree-checkbox {
    height: auto!important;
    line-height: normal!important;
    min-height: 12px;
    border: none!important;
    margin-right: 0;
    padding-left: 18px;
    position: relative;
    display: inline-block;
}
.eleTree-checkbox i {
    left: 0;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    position: absolute;
    top: 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 13px;
    height: 14px;
    line-height: 1.3;
}
.eleTree-checkbox i:hover {
    border-color: #5FB878;
}
.eleTree-checkbox-checked i {
    border-color: #5FB878;
    background-color: #5FB878;
    color: #fff;
}
.eleTree-checkbox-line:after{
    content: "";
    position: relative;
    width: 8px;
    height: 1px;
    background-color: #fff;
    display: inline-block;
    top: -4px;
}

.eleTree-checkbox.eleTree-checkbox-disabled i{
    cursor: not-allowed;
    background-color: #f2f6fc;
    border-color: #dcdfe6;
    color: #c2c2c2;
}
.eleTree-checkbox.eleTree-checkbox-disabled i.eleTree-checkbox-line:after{
    background-color: #c2c2c2;
}
.eleTree-checkbox.eleTree-checkbox-disabled i:hover{
    border-color: #dcdfe6;
}

#tree-menu{
    margin: 0;
    padding: 2px;
    position: absolute;
    background: #f5f5f5;
    border: 1px solid #979797;
    box-shadow: 2px 2px 2px #999;
    display: none;
    z-index: 20181205;
}
#tree-menu li>a{
    display: block;
    padding: 0 1em;
    text-decoration: none;
    width: auto;
    color: #000;
    white-space: nowrap;
    line-height: 2.4em;
    text-shadow: 1px 1px 0 #fff;
    border-radius: 1px;
}
#tree-menu li>a:hover{
    background-color: #e8eff7;
    box-shadow: 0 0 2px #0a6aa1;
}
.tree-menu-bg{
    background-color: #ccc;
}

.checkdataresult ul li{ width: 32%; float: left; text-align: center; }
.checkdataresult ul li:nth-of-type(2){margin-left: 1%;margin-right: 1%;}
.checkdataresult ul li .datacontent{height: 520px; width: 100%;}
.checkdataresult ul li h3{ font-size: 12px;padding:10px 0; }
form{ font-size: 13px; }
body .layui-layer-toptips{ text-align: center; line-height: 30px;  overflow: hidden; background-color: #fff; box-sizing: border-box;border-radius:0px; position: fixed;}
body .layui-layer-toptips i{ font-size: 28px; line-height: 30px; padding-right: 10px; }
body .layui-layer-toptips>div{ margin: 0 ; padding: 6px 0;}
body .top_warning{ background-color:  #FF5722!important; color: #fff; }
body .top_ok{background-color:  #5FB878; color: #fff; }
body .top_fail{background-color: #ff6a00; background-color:var(--theme-btn-color); color: #fff; color:var(--theme-font-color); }
body .layui-tab-brief>.layui-tab-title .layui-this,body .layui-tab-brief>.layui-tab-title .layui-this a {color:#ff6a00;}
body .layui-tab-brief>.layui-tab-more li.layui-this:after,body  .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #ff6a00;
}
body .layui-form-select dl dd.layui-this {
    background-color: #efefef;
    color: #333;
}
body .layui-table-body::-webkit-scrollbar{ height: 12px; }
body .lay-msg-error{background-color:rgba(255,83,0,0.8); border:0; color:#fff; min-width:80px;}
body .lay-msg-error .layui-layer-content{ padding:12px 25px;}
body .lay-msg-warning{background-color:rgba(255,184,0,0.8); border:0; color:#fff; min-width:80px;}
body .lay-msg-warning .layui-layer-content{ padding:12px 25px;}
body .msg_error{ background-color: rgba(254,88,34,0.9); color: #fff;border:0px; text-align: center; padding: 0; }
body .msg_error .layui-layer-content{ padding: 10px; }
body .tiploginout .layui-layer-content {padding: 50px 20px;line-height: 24px;text-align: center;background-color:#fff;color:#000; font-size: 14px; background-color:#f6f6f6; }
body .layui-layer-btn .layui-layer-btn0,.layui-form-onswitch,body .layui-nav-tree .layui-nav-bar {background-color:#ff6a00;color:#fff;background: var(--theme-btn-color);border-color: var(--theme-btn-color);}
body .tiploginout .layui-layer-btn a {padding: 5px 15px;}
body .layui-btn-primary:hover{border-color:#ff6a00;}
body .layui-form-pane .layui-form-label {width: 130px;}
body .layui-laydate .layui-this { background-color: #ff6a00!important;}
body .layui-laydate .layui-this.laydate-disabled{background:none!important;}
body .laydate-theme-grid .laydate-selected,body .laydate-theme-grid .laydate-selected:hover {color: #ff6a00!important;}
body .layui-form-checked i, body .layui-form-checked:hover i {color: #ff6a00;}
.layui-form-pane .layui-input-block,.layui-word-ml{ margin-left: 130px;}
.layui-form-item .layui-input-inline { width: 300px;}
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {height: 25px;line-height: 27px;}
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell .layui-form-switch { height: 22px;line-height: 22px; }
.layui-form-checked[lay-skin=primary] i{border-color: #ff6a00!important;background-color: #ff6a00;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #ff6a00!important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #ff6a00;}
.layui-laypage a:hover {color: #ff6a00;}
.layui-table-page .layui-laypage input:focus,.layui-table-page select:focus {border-color: #ff6a00!important;}
.layui-tab-content {clear: both;}
.layui-tab { margin: 0;}
.orderhome .layui-tab-title li{ font-size: 13px; line-height: 36px; }
.orderhome .layui-tab-title{ height: 36px; }
.orderhome .layui-tab-title .layui-this:after{ height: 37px; }
.datetable .layui-table-view .layui-table[lay-size=sm] th .layui-table-cell {
    height: 36px;
    line-height: 18px;
}
.datetable .layui-table th.center{ text-align:center; }
.datetable .layui-table-cell{ padding: 0 2px; }
.datetable .layui-table-view .layui-table[lay-size=sm] th:nth-of-type(1) .layui-table-cell,.datetable .layui-table-view .layui-table[lay-size=sm] th:nth-of-type(2) .layui-table-cell{ line-height: 36px; }
body .layui-table-edit:focus{ border-color:#ff6a00!important; }
.layui-btn-sm{ height: 32px; line-height: 32px; }
.layui-btn-primary{height: 32px; line-height: 30px;}
.layui-msg .layui-layer-content,.layui-huifang .layui-layer-content{
    padding: 10px 20px;
    line-height:22px; font-size: 12px;
}
#huifangcontent{ max-height: 300px; overflow-y: auto;}
.layui-tab-content p{ margin: 14px auto; }
.layui-form-radio>i:hover, .layui-form-radioed>i {
    color: #ff6a00;
}
.layui-form-item .layui-btn{background-color: #ff6a09;}
.btn.disabled,.btn.disabled:hover{ background-color: #ccc!important; }
.patientlist .layui-table-cell{ padding: 0 4px; }
ul.urp-cascader-child li.active, ul.urp-cascader-child li.active:hover{ background: #ff6a09!important; }

.lear .layui-nav-tree{ width:100%;}
.lear div::-webkit-scrollbar{width:4px;height:4px;background:#f8f8f8; position:fixed; }
.lear div::-webkit-scrollbar-thumb:vertical,dl::-webkit-scrollbar-thumb:vertical,.layui-input-inline::-webkit-scrollbar-thumb:vertical{background:#ddd;}
.lear div ::-webkit-scrollbar-thumb:horizontal,dl::-webkit-scrollbar-thumb:horizontal,.layui-input-inline::-webkit-scrollbar-thumb:horizontal{background:#ddd;}
.article h2{ font-size:14px; text-align:center; line-height:30px; color:#393D49;}
.article .content,.article .content p{ font-size:14px; line-height:26px; padding:10px 0;}
.article img{ max-width:100%;}
.article .arcdes{ color:#666; font-size:13px; margin-top:10px;}
.article .arcdes span{ margin:0 10px;}
#lear_left{ width:20%;color:#666;border-top:1px solid #f4f6f7;box-sizing:border-box;}
#lear_left a{ color:#666; background:#f4f6f7;}
#lear_left dd a{ background:#fff; text-indent:0.5rem;}
#lear_left dd a:hover,#lear_left dd a.hover{background:#f4f6f7; color:#222;}
#lear_left dl{ border:1px solid #f4f6f7; box-sizing:border-box;}
#lear_left .layui-nav-itemed>a{ color:#333!important;}
.lear_right{ float:right; width:78%; }
.lear_right .welcome{ position:absolute; top:40%; font-size:16PX; text-align:center; width:100%;left:0; color:#888;}
.lear_right .content{ font-size:14PX; color:#333; line-height:26PX;}
.lear_right h2{ border-left:5px solid #649ca9; font-size:14PX; color:#666; line-height:46px; text-indent:10px;background:#f4f6f7; }
#lear_left .layui-nav-item{ border-bottom:1px solid #fff;border-top:0px;}
#lear_left .layui-nav-more{border-color:#666 transparent transparent;}
#lear_left .layui-nav-itemed .layui-nav-more{border-color:transparent transparent #666 ;}
.list .layui-table-cell{padding:0 2px;}

.wxqrcode{ width: 100%;}
.wxqrcode .wxtip{ background-color: #009900; color: #fff; text-align: center; font-size: 14px; line-height: 40px; }
.wxqrcode .qrcode{ width: 440px; height: 460px;  background-color: #fff; color: #000;padding: 50px 30px;border-radius: 10px; box-sizing: border-box; position: fixed;left:50%;top:50%;margin-top: -230px;margin-left: -220px;box-shadow: 0 0 10px 6px #eee;}
.wxqrcode .qrcodeimg{ width: 300px; height: 300px;margin-top:10px; margin-right: auto; margin-left: auto; position: relative;}
.wxqrcode .qrcodeimg img{ width: 100%; height: 100%; }
.wxqrcode .qrcodetip{ font-size: 15px; margin-top: 20px; } 
.wxqrcode #qrfresh{display: none; position: absolute; left:0;top:0; width: 300px; height: 300px; background-color: rgba(255,255,255,0.86); text-align: center; }
.wxqrcode #qrfresh a{ padding: 20px; display:inline-block; }
.wxqrcode #qrfresh i{  color:#ff6a00; line-height: 260px;   }
.layui-small{ width: 100px; display: inline-block; }

.activate{ width:600px; margin: 100px auto; }
.activate .h2{ line-height: 50px; font-size: 16px; }
.install{ width:60%;min-width:600px; max-width:1000px; background:#fff; color:#555; margin-left:auto;margin-right:auto; }
.table-simple th,.table-simple td{text-align:left;}
.table-simple th{font-weight:normal;}
.table-simple td{line-height:30px; }
.table-simple thead th{ line-height:36px;}
.table-bd td,.table-bd th{border:1px solid #efefef;text-indent:10px;line-height:30px; }
.title-h1{ font-size:16px; line-height: 40px;}
.installok{ font-size: 24px; }