@charset "utf-8";
body{font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}
ul li{ list-style:none;}
a{ text-decoration:none;}
*{ margin:0px; padding:0px;}
html.body{ width:100%; height:100%;}
/*宽度比例*/
.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w5 { width: 5%; }
.w15 { width: 15%; }
.w25 { width: 25%; }
.w35 { width: 35%; }
.w33 { width: 33.333%; }
.w45 { width: 45%; }
.w55 { width: 55%; }
.w65 { width: 65%; }
.w75 { width: 75%; }
.w85 { width: 85%; }
.w95 { width: 95%; }
.w100 { width:100%; }

.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.fl{ float:left;}
.fr{ float:right;}


/*首页框架*/
.layui-layout-admin .my-header {position: fixed;top: 0;left: 0;width: 100%;height:70px; overflow:hidden;background:url(../images/header.jpg) no-repeat;  z-index: 2;}
.my-side {position: fixed; top:70px !important; bottom: 0; width:200px; z-index: 2;}
.my-body { position: fixed; top:70px !important;  bottom: 0; left: 210px; right: 0; z-index: 1; overflow: hidden;}
.layui-nav-tree{ width:200px;}
.none{ display: none;}
.nav-hover{ display: none; position: absolute; left: 50px; top:5px; z-index:9999;width: max-content; height: 35px; line-height: 35px; padding: 0 5px; border-radius: 3px; background-color:#7391ff;}
.nav-hover i{ display: block; position: absolute; left: -7px; top: 10px; width: 10px; height: 12px;background:url(../images/nav-hover.png) no-repeat;}
.my-header-btn{z-index:999;position: absolute; left: 0; top: 0; width: 35px; height: 40px;}
.btn-nav{ width:100%; height:40px; background:url(../images/btn-nav.png) no-repeat; border:0px; cursor:pointer;}
.layui-nav{background-color: #fff;border-right: 1px solid #ddd;}
.layui-tab-card>.layui-tab-title {background-color: #fff !important;}
.layui-tab-card>.layui-tab-title .layui-this { background-color:#e6ebef !important ;}
.my-body .layui-tab, .my-body .layui-tab .layui-tab-content, .my-body .layui-tab .layui-tab-item { height: 100%;}
.my-body .layui-tab, .my-body .layui-tab .layui-tab-content {margin: 0;  padding: 0;}
.my-body .layui-tab .layui-tab-title li:first-child > i {  display: none;}
.my-body iframe {width: 100%; height: 100%; border: none; outline: none;}
.my-side .layui-nav { border-radius: 0; min-height: 100%;}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{    background-color:#d1eaff;}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {background-color:#d1eaff;  color: #fff;}
.layui-layout-admin .layui-body{bottom:0px;}
.layui-tab-card>.layui-tab-title .layui-this{background-color: #bbe4ff;}
.layui-nav .layui-nav-item a{ padding:0 10px; font-weight:bold;}
.layui-icon{ position:relative; top:0px; right:3px;}
.layui-nav-tree .layui-nav-item{background-color: #f8fff6; border-bottom: 1px dashed #ddd;}
.layui-nav-tree .layui-nav-item a{ color:#333;}
.layui-nav-tree .layui-nav-item a .icon-sitemap{color: #ff5050;}
.layui-nav-tree .layui-nav-item a .icon-medkit{color: #6dff59;}
.layui-nav-tree .layui-nav-item a .icon-edit{color: #f1e647;}
.layui-nav-tree .layui-nav-item a .icon-bar-chart{color: #4234ef;}
.layui-nav-tree .layui-nav-item a .icon-calendar{color: #ffb850;}
.layui-nav-tree .layui-nav-item a .icon-tags{color: #ff5050;}
.layui-nav-tree .layui-nav-item a .icon-user-md{color: #0ea1fe;}
.layui-nav-tree .layui-nav-item a .icon-book{color: #ad94f3;}
.layui-nav-tree .layui-nav-item a .icon-adjust{color: #5b5b5b;}
.layui-nav-tree .layui-nav-item a .icon-hospital{color: #e808fc;}
.layui-nav-tree .layui-nav-item a .icon-ambulance{color: #ee3e3e;}
.layui-nav-tree .layui-nav-item a .icon-exchange{color: #9b2ee7;}
.layui-nav-tree .layui-nav-item a .icon-plus-sign-alt{color: #fd36ff;}
.layui-nav-tree .layui-nav-item a .icon-paste{color: #995454;}
.layui-nav-tree .layui-nav-item a .icon-share-sign{color: #484bc6;}
.layui-nav-tree .layui-nav-item a .icon-edit-sign{color: #995454;}
.layui-nav-tree .layui-nav-item a .icon-inbox{color: #c8ab47;}
.layui-nav-tree .layui-nav-item a .icon-hdd{color: #74007e;}
.layui-nav-tree .layui-nav-item a .icon-columns{color: #3000a9;}
.layui-nav-tree .layui-nav-item a .icon-briefcase{color: #ffa201;}

.layui-nav-tree .layui-nav-item a .icon-table{color: #484bc6;}
.layui-nav-tree .layui-nav-item a .icon-ticket{color: #995454;}
.layui-nav-tree .layui-nav-item a .icon-archive{color: #c8ab47;}

.layui-nav-tr.layui-layout-admin .my-headeree .layui-nav-item a .icon-{color: #43c7a0;}
.layui-nav-child a{color: #041d2c !important; font-weight:normal !important; padding-left:20px !important;border-bottom:solid 1px #fff;}
.layui-nav-child a:hover{ color:#041d2c !important; background-color:#ffdfa1 !important;}
.layui-tab-card{ border:0px;}
.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover{ background-color:#4ade42 !important;}
.layui-nav-tree .layui-nav-item a:hover{background-color:#11d161;}
/*.layui-nav .layui-nav-more{border-color: #999999 transparent transparent;}*/
.layui-nav .layui-nav-more{border-color: #ffd510 transparent transparent;}
.layui-nav-itemed .layui-nav-child{background-color: #fff !important;}
.my-header .title{ float:left; margin:12px 25px 0 20px; }
.my-header .title img{ display: block; width: 50px; height: 50px; margin: 0px 10px 0 0;}
.right-box{ float:right; margin-top: 15px;  height:30px;line-height:30px;background: #000;background-color: rgba(0,0,0,0.1); border-radius: 30px;}
.right-box ul{ padding:0px;}
.right-box ul li{ float:left;}
.right-box ul li a{ color:#fff; padding: 0 10px;}
.right-box ul li a span{ padding-right:3px;}
.ward-box{position:relative; width:100%; height:100%; padding:0px !important; }
.layui-layer-tips .layui-layer-content{ background-color:#ffbd54 !important;     padding:3px 0px !important;}
.layui-tab {text-align: left!important;}
.dblclick-tab tr td {  height: 30px; line-height: 30px; padding:0 20px; border-radius: 2px; cursor: pointer; display:block; }
.dblclick-tab tr td:hover{ background-color:#ffdb5f; border-radius:3px;}
.layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT{border-right-color:#ffbd54 !important;}
.layui-icon{ font-size:14px}
.layui-custom-icon{position:absolute;top:18%;font-size:20px !important;cursor:pointer;}
.layui-custom-textarea-icon{position:absolute;top:22%;font-size:30px !important;cursor:pointer;right: 20px;color: #1b9fff}
.layui-custom-table-icon{position:absolute;top:35%;font-size:20px !important;cursor:pointer;right: 20;}

/*系统配置-系统配置*/
.configure-content{ width: 790px; overflow: hidden; margin:3% auto 0 auto; font-size: 16px;}
.configure{ display: block; float: left; width: 300px; height: 50px; line-height: 50px; margin: 25px 10px 5px 10px; padding:15px 20px; border-radius: 10px; border:2px #97d3ff solid;}
.configure-ico1{background:url(../images/configure-ico1.png) no-repeat;}
.configure-btn1{ background-color: #fff3f3;}
.configure-btn2{ background-color: #f4f3ff;}
.configure-btn3{ background-color: #f3fff3;}
.configure-btn4{ background-color: #fefcea;}
.configure-tit{ display: block; float: left; width: 180px;font-weight: bold; font-size: 15px;letter-spacing:1.5px;height: 50px; line-height: 50px; color: #188de2;}
.configure-base{display: block; float: left; width: 70px;height: 50px; text-align: right; line-height: 50px; font-size: 16px;}
.configure-edit{cursor:pointer;width: 16px; height: 16px; display: block; float: right; margin:17px 0 0 5px;background:url(../images/configure-edit.png) no-repeat;}
.configure-input{float: left; margin:13px 0 0 18px; height: 25px; line-height: 25px; display: none; width: 60px; text-align: right;}
.configure-radio{  margin:2px 0 0 30px;}
.configure-true{background:url(../images/configure-true.png) no-repeat;}


.header-icons{ color: #fff; margin: 0 12px;}
.layui-nav-item>a>i{ width: 20px; display: block; float: left; margin-top: 14px;}
.layui-nav i{font-size: 17px;margin-right:10px;}
.layui-nav-child i{font-size: 14px;margin-right:8px;}
.index-district{ display: block; float: left; background-color: #008df4; color: #fff; font-weight: bold; border: solid 2px #fff; border-radius: 6px; letter-spacing: 1px; margin: 6px 0 0 5px; padding:1px 10px;}
.headers-right{float:right;margin-right:20px;}
.headers-operate{ margin-top: 5px;  height:30px;line-height:30px; margin-right: 10px;}
.headers-operate ul{ padding:0px;float:right;}
.headers-operate ul li{ float:left;}
.headers-operate ul li a{ color:#fff; font-weight: bold;}
.headers-operate ul li a span{ padding-right:3px; font-weight: normal;}
.headers-operate ul li:first-child a span{color:#fff; font-size: 15px;top:1px;}
.headers-operate ul li:nth-child(2) a span{color:#fff; font-size: 13px;}
.headers-operate ul li:nth-child(3) a span{color:#fff; font-size: 14px;top:1px;}
.headers-info{  margin-top: 0;  height:30px;line-height:30px;background: #000;background-color: rgba(0,0,0,0.1); border-radius: 30px;}
.headers-info ul{ padding:0px;}
.headers-info ul li{ margin:auto;}
.headers-info ul li a{ color:#fff; padding: 0 10px;margin: auto;display: table;}
.headers-info ul li a span{ padding-right:3px;}
.headers-content{ float:left; margin:5px 10px 0 0; overflow:hidden;line-height:30px;}
.headers-content ul{ padding:0px;}
.headers-content ul li{ float:left;}
.headers-content ul li a{display: block;float:left; color:#fff;padding:5px 10px 0 10px; overflow: hidden;}
.headers-content ul li a span{ }
.headers-content ul>li>a>span{ display:block; width:50px; height:40px;margin: auto;}
.headers-content ul>li>a>p{text-align: center;line-height: 20px;font-size: 12px;}
.project-management{background:url(../images/project-management.png) no-repeat;}
.ethical-review{background:url(../images/ethical-review.png) no-repeat;}
.follow-up{background:url(../images/follow-up.png) no-repeat;}
.clinical-observation{background:url(../images/clinical-observation.png) no-repeat;}
/*===============登录页面=======================*/
.login-div{ width:100%; height:100%;  position:fixed; z-index: 2;}
.login-box{ z-index: 3; width:700px; position:fixed; left:50%; top:45%; margin:-200px 0 0 -350px;}
.login-box .title{ margin:10px auto 28px auto; width:500px; overflow: hidden;}
.login-box .title img{display:block;float: left;}
.login-logo{width: 58px;height: 58px;margin:  -1px 10px 0 0;}
.login-user{ padding:40px 30px; width:540px; background:url(../images/logins.png); margin:0 auto; border-radius:3px; overflow:hidden;}
.login-user .left{ float:left; width:300px;}
.login-user .right{ float:left; width:220px;}
.login-user-div{ width:100%;}
.login-user-div .icon1{ background:url(../images/input-1.gif) 98% center no-repeat;}
.login-user-div .icon2{ background:url(../images/input-2.gif)  98% center no-repeat;}
.login-user-div span{ display:block; font-size:16px; padding:10px 0;}
.login-user-input{ width:100%; padding:4% 2%; box-sizing: border-box; border:1px solid #ccc; border-radius:3px; color:#0196e9; font-size:14px;}
.login-user-button{ cursor: pointer; width:100%; height:40px; border-radius:3px;  background-color:#11d161; font-size:16px; font-weight:bold; text-align:center; color:#fff; border:none;}
.login-user-button:hover{background-color:#10c159;}
.login_center_btn {width: 100%;height: 50px;display: block;text-align: center;}
.login_center_btn a {outline: none;-webkit-appearance: none;border: none;margin: auto;background-color: #11d161;font-size: 18px;color: #fff;line-height: 42px;width: 100%;height: 42px;display: block;border-radius: 5px;cursor: pointer;}
.login_center_btn a:hover {background-color: #0fb855;}

.login-title-company,.login-title-system{cursor:default;color:#fff;font-size: 12px;font-weight: bold;line-height: 24px;letter-spacing:0.8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:#324aae 1.5px 0 0,#324aae 0 1.5px 0,#324aae -1.5px 0 0,#324aae 0 -1.5px 0;}
.login-title-system{font-size: 26px;letter-spacing:6px;line-height: 31px; margin-top: 3px;}
.index-title-company,.index-title-system{cursor:default;color:#427aaa;font-size: 12px;font-weight: bold;line-height: 24px;letter-spacing:0.5px; margin-top:-2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:#f9f9f9 1.3px 0 0,#f9f9f9 0 1.3px 0,#f9f9f9 -1.3px 0 0,#f9f9f9 0 -1.3px 0;}
.index-title-system{font-size: 25px;letter-spacing:5px;line-height: 31px; margin-top: 2px; margin-left: 2px;}

/*二维码界面*/
.codelogin{ display:none; height:130px; padding-bottom:10px;}
.iconfont{float: left;color: #2a799f;font-size: 34px;line-height: 36px;margin-right: 5px;margin-top: 35px;}
.codelogin p{width: 110px; margin-top:35px;line-height: 20px;color: #6c6c6c;font-size: 12px;float: left;}
.btn-mystyle:focus{ color:#FFF;}

/*======内容页标题=====*/

.info-center .page-header{ width:100%;margin:0px 0px 0px 0px; padding:0px; height:50px; line-height:50px;}
.info-center .page-header h4{margin-top:15px; padding-left:8px;color: #363636;border-left: 2px solid #0098cd;font-size: 16px;}
/*====表单搜索框====*/
.info-center .search-box{ margin-top:10px;}
.search-box .form-group{float:left; padding-right:15px;}
.search-box .form-group input{width:120px;}
.search-box .form-group select{ width:auto;}
.form-span{line-height: 34px;padding-right: 10px; padding-left:10px;}
.btn-default{ background-color:#f7f7f7;}

/*======消息列表=====*/
.info-center-title{ margin-top:10px;}
.info-center-title .padding-large-right{ padding-right:30px;}
.info-center-title span a{height: 30px;cursor: pointer;line-height: 30px;color: #656565;display: block;font-weight: 600;float: left; text-decoration:none;}
.info-center-title span .active{ color:#098cba; border-bottom:solid 2px #098cba;}
.info-center-title span a:hover{color:#098cba; border-bottom:solid 2px #098cba;}

/*表格样式*/
.table-header thead,.table-header tfoot{ background-color:#f5f6fa; color:#87898b; text-align:center;}
.table-list{ margin-top:0px;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-bottom: 1px solid #e1e6eb;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-bottom: 1px solid #e1e6eb;}
.table-bordered{border: 1px solid #e1e6eb;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border: 1px solid #e1e6eb;}
.table-margin{ margin-top:10px; overflow:hidden; clear:both;}
tfoot .pagination{ margin:0px;}

/*二级导航功能*/
#layout .left-back{ position:absolute; bottom:0px; height:100%; background-color:#EAEDF1;}
#layout .right-back{ position:absolute; bottom:0px; height:100%;}
.left-back .nav li{margin:0px;}
.left-back .nav .active a{color: #000;border-radius: 0px;background-color: #FFF;}
.left-back .nav li a:hover{ background-color:#f5f6f8; color:#000;border-radius: 0px;}


/*=========后台首页=========*/
.my-index{ background-color:#eceff3;}
.info-center .info-title{ margin-top:30px; margin-bottom:10px;padding-left: 15px;padding-right: 15px;}
.info-center .info-title h4{ margin-bottom:0px;}
.info-center .time-title { height:70px;}


.time-title .hour-minute strong{ font-size:34px;}
.year-month p{ margin-bottom:0px;}
.year-month p span{ font-size:24px;}


.content-list{ margin-top:30px;}
.content-list .row{ margin-left:0px; margin-right:0px;}
.content-list .row .content{ background-color:#FFF;}
.content-list .row .content .left-icon{ text-align:center;}
.content-list .row .content .right-title{ color:#666666; text-align:center; padding-top:10px;	 padding-bottom:10px;}
.content-list .row .content .left-icon span{margin-top: 50px;margin-bottom: 50px;width: 40px;line-height: 40px;color: #FFF;border-radius: 50%;}
.content .left-icon .blue{background-color: #2abbeb;}
.content .left-icon .violet{background-color: #675499;}
.content .left-icon .orange{background-color: #eac553;}
.content .left-icon .green{background-color: #1cbba7;}

.content .right-title .number{ font-size:46px; margin-top:0px;}
.content .right-title p{ margin-bottom:5px;}
.content .right-title .title-content{ width:130px;}
.content .right-title .title-content .btn-default{ background-color:#f5f8f9;}

.newslist .panel-default{ border:none;}
.newslist .panel-default>.panel-heading{ background-color:#f2f3f6; border:none;}
.newslist .panel-body{ padding:10px; border-bottom: solid 1px #eaeaea;}
.remember{margin-top:10px; font-size:14px; color:#545151;}
.content-box{ padding:10px 10px;}
.dzxh-title h5{margin:0px; padding:0px; font-size:24px; color:#333;}
.dzxh-title p{ margin:0px; padding-top:5px; font-size:16px;}
.hy-img{ text-align:center;}
.dzxh-title{ padding:10px;}
.required:before {content: "*";color: red;vertical-align: middle;font-size: 14px;font-weight: bold;}
.my-footer{height:30px !important; line-height: 30px !important;}
.my-footer p {height:12px; line-height: 12px;  font-size: 12px; text-align: center; color:#666; padding-top:10px !important;}
.layui-card-header{padding-top: 5px !important;}
.layui-card-body{padding: 0px !important;}
.layui-btn+.layui-btn{margin-left:0px !important;}
.demoTable{margin-top:6px;margin-left:10px;}
.layui-table-cell>.layui-form-checkbox>.layui-icon-ok{margin-top:6px !important;margin-bottom:10px !important;}

/* 修改后Layui样式 */
.layui-table, .layui-table-view{ margin-bottom: 0;}
.layui-table-view{margin-top:7px; margin-bottom: 0;}
.layui-table-cell{height: 24px;}
.layui-input{ height: 32px;}
.layui-form-item {margin-bottom: 0px;}
.layui-form.layui-btn-pane .layui-form-label{padding: 8px 2px; font-size: 12px;}
.layui-table-cell{padding: 0 5px;}
.layui-btn{ background-color: #1b9fff; margin: 0 5px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#ff9f32;}
.layui-nav-tree .layui-nav-bar{background-color: #fffc00;}
.layui-btn-xs{padding: 0 4px;}
.layui-side{ background-color: #fbffd6;border-right: 1px solid #eee;}
.layui-btn-xs{height: 26px;line-height: 26px; margin: 0;}
.layui-form-pane .layui-form-label{padding: 8px 2px;}
.layui-table td, .layui-table th{padding: 0px 5px 0px 7px; height: 36px;line-height: 22px;}
.layui-btn{ height: 32px; line-height: 32px;}
.layui-table td .layui-input{ height:24px; line-height:24px;}
.layui-table td .layui-form-select dl{top:30px;height: 120px;padding: 0;}
.layui-form-select dl dd{line-height: 30px;}
.layui-inline{line-height: 20px;}
.layui-form-radio{margin: 2px 0; line-height: normal;}
.layui-form-radio>i{font-size: 18px;}
.layui-table{color: #333;}
.layui-disabled, .layui-disabled:hover{ color:#999!important;}
.layui-btn-xs{ height: 24px; line-height: 22px;}

/*新增样式*/
.td-color{ width:16%;}
.table-portion{width:96%; margin:10px auto 0 auto;}
.form-input-grey{border:none; cursor: pointer;}
.textarea-choose{padding-right: 100px;}
.form-icon{font-size: 16px !important; color: #fff; padding:3px 5px;height: 20px;line-height: 20px; margin-top: 3px; background-color:#1E9FFF; border-radius: 5px;}
.layui-pointer{ cursor: pointer;}
.layui-btn-primary{color: #fff;border: 1px solid #1b9fff;}
.layui-btn-primary:hover{color: #fff;border: 1px solid #1b9fff;}
.layui-btn-danger{background-color: #FF5722;}
.layui-table .layui-textarea{margin:6px 0;}
.layui-btn-radius{border-radius: 10px;}
/*.layui-table-body,.layui-table-header{margin-left: -2px;margin-right: -2px;}*/
/*输入框*/
td[data-edit='text']{background-color:#f5f5f5;}
td[data-edit='text'] div{ border:solid 5px #f5f5f5; cursor: text;
    height: 34px; overflow: hidden; background-color: #fff;}
td[data-edit='text'] input{ width: 94%; height: 29px; margin: 10px 3% 0 3%; box-shadow: none; text-align: center; border: none;background-color: #fff;}

/*layer.css*/
.layui-layer-molv .layui-layer-title{background:#F8F8F8;color:#333;border:none;border-bottom: 1px solid #eee;}
.layui-layer-molv .layui-layer-btn a{background:#ff9f32;border-color:#ff9f32}
.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#ffd6a6}
.layui-layer-title{font-size:15px; font-weight:bold;}




/*搜索区域按钮*/
.btn-search,.btn-refresh,.btn-add,.btn-delete,.btn-role,.btn-depart,.btn-print,.btn-check,.btn-export,.btn-exports,.btn-synchro,.btn-count,.btn-set,.btn-push,.btn-reset,.btn-configure,.btn-download,.btn-file,.btn-preserve{ padding:0 8px 0 5px;}
.btn-search i,.btn-refresh i,.btn-add i,.btn-delete i,.btn-role i,.btn-depart i,.btn-print i,.btn-check i,.btn-export i,.btn-exports i,.btn-synchro i,.btn-count i,.btn-set i,.btn-push i,.btn-reset i,.btn-configure i,.btn-download i,.btn-file i,.btn-preserve i{ display:block; float:left;width: 16px; height: 24px;margin:4px 3px 0 0;background:url(../images/icons.png) no-repeat;}
.btn-search i{background-position:-96px -24px;}
.btn-refresh i{background-position:-96px 0;}
.btn-add i{background-position:-96px -48px;}
.btn-delete i{background-position:-96px -72px;}
.btn-role i{background-position:-96px -96px;}
.btn-depart i{background-position:-96px -120px;}
.btn-print i{background-position:-96px -144px;}
.btn-check i{background-position:-96px -168px;}
.btn-export i{background-position:-96px -192px;}
.btn-synchro i{background-position:-96px -216px;}
.btn-count i{background-position:-96px -240px;}
.btn-set i{background-position:-96px -288px;}
.btn-push i{background-position:-96px -264px;}
.btn-reset i{background-position:-96px -312px;}
.btn-configure i{background-position:-96px -336px;}
.btn-exports i{background-position:-96px -384px;}
.btn-download i{background-position:-96px -360px;}
.btn-file i{background-position:-96px -408px;}
.btn-preserve i{background-position:-96px -456px;}


.echart-tit{ position: relative; text-align: center; font-size: 16px; font-weight: bold; padding-top: 15px;}
.echart-tit a{ cursor: pointer; display:block; height:20px; padding-top:4px;position: absolute; top: 15px; right: 30px; font-weight: normal; font-size: 12px;color: #999; padding-left: 20px;background:url(../images/icons.png) no-repeat; background-position: -112px 0;}

.icons-new,.icons-null,.icons-audit{display:block;width:28px; height:13px;margin-top:3px;margin-left: -5px;background:url(../images/icons.png) no-repeat;background-position:-112px -24px;}
.icons-null{width:22px; height:16px;background-position:-112px -42px; margin-left:2px;}
.icons-audit{width:19px; height:16px;background-position:-112px -61px; margin-left:2px;}

/*下拉按钮*/
.select-button{padding: 0; display: inline-flex;border: none;}
.select-button .layui-nav-item a{padding: 0; color: #333; font-weight: normal;}
.select-button button{ padding-right: 23px; margin: 0;}
.select-button .layui-nav-bar{ display: none; background-color: #ff9f32; opacity: .8;}
.select-button .layui-nav-child a{padding:0 10px!important; cursor: pointer;}
.select-button .layui-nav-more{ margin-right: 2px; border-color: #fff transparent transparent;}
.select-button .layui-nav-mored{ margin-top: -9px;border-style: dashed dashed solid; border-color: transparent transparent #fff;}
.select-button .layui-nav-child{top: 34px;}
.select-button .layui-nav-child dd.layui-this a{ background-color: #fff;}

.scan-input{display: block; float: right;border: solid 1px #C9C9C9!important;border-radius:4px; width:160px;height: 22px; line-height: 22px; padding: 0 5px; margin-right: 5px; display: none;}
.ico-void,.ico-normal,.ico-quarantine,.ico-return{ width:34px; height: 35px;}
.ico-void{background:url(../images/ico-void.png) no-repeat;}
.ico-normal{background:url(../images/ico-normal.png) no-repeat;}
.ico-quarantine{background:url(../images/ico-quarantine.png) no-repeat;}
.ico-return{background:url(../images/ico-return.png) no-repeat;}
.ico-voids,.ico-normals,.ico-quarantines,.ico-returns{ width:25px; height: 25px;}
.ico-voids{background:url(../images/ico-voids.png) no-repeat;}
.ico-normals{background:url(../images/ico-normals.png) no-repeat;}
.ico-quarantines{background:url(../images/ico-quarantines.png) no-repeat;}
.ico-returns{background:url(../images/ico-returns.png) no-repeat;}

.btns-small-disable{cursor: not-allowed;border: solid 1px #ccc;color: #717171;background-color: #ccc;}
.ico-accept-base{ display: block; float: right; clear: both;}
.ico-accept{ background-color: #c4e6ff; border:solid 1px #94d0fc; color: #000;  height: 30px; line-height: 30px;border-radius: 16px;padding: 0 10px;}
.ico-accept:hover{ color: #000;}
.ico-accept i{ height: 24px; overflow: hidden; display: block; float: left; margin:2px 5px 0 0;}
.ico-accept-span{display: inline-block; height: 34px; color: #fff; line-height: 34px; border-right: dashed 1px #dadada; margin: 0 10px 0 3px;}
.ico-accept-btn{padding: 0 8px;}

/*40x40*/
/*.print-code{ width:40mm; height: 40mm; float: left; margin: 0 0.5mm; }*/
/*.print-code span{ display: block; float: left;}*/
/*.print-code-info{ width: 100%; overflow: hidden; margin-bottom: -2px;}*/
/*.print-code-info>span{ display: block; float: left; width: 50%;}*/
/*.print-code span img,.print-code-info-div>span{ display: block; width: 100%; margin: 2px 0 0 0; font-size: 12px; line-height: 20px;}*/
/*.print-code-info-div{display: block; float: left; width: 48%; margin-top: 10px;}*/
/*.print-code-tit{ display: block; font-weight: bold; font-size: 12px; width: 100%; height: 20px; line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center; margin-bottom: -4px;}*/
/*.print-barcode{ width: 100%; overflow: hidden;}*/
/*.print-code span.print-barcode{ margin: auto;}*/
/*.print-base{width: 40mm; overflow: hidden;background-color: #efefef; margin:20px auto 0 auto;}*/
/*.print-baseinfo{width: 40mm; overflow: hidden; background-color: #efefef; display: block; float: left;}*/
/*.print-baseinfo:nth-child(2n){ background-color: #e3e3e3;}*/

/*40x30*/
.print-code{ width:30mm; height: 19mm; overflow: hidden; display: block; float: left;background-color: #efefef; font-size: 12px; }
.print-code-info{ width:100%; overflow: hidden; margin:0;}
.print-code-info>span{ display: block; float: left; width: 50%;}
/*.print-code span img,.print-code-info-div>span{ display: block; width: 100%; margin: 2px 0 0 0; font-size: 12px; line-height: 20px;}*/
.print-code-info-div{display: block; float: left; width: 60%; margin: 1px 0 0px 0;}
.print-code-info-div span{ display: block; overflow: hidden; margin-bottom: -2px;}
.print-code-tit{ display: block; font-size: 12px; width:30mm; height: 12px; line-height: 12px;overflow: hidden; text-align: center;  -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; margin:2px 0 1px 0; font-weight: bold;}
.print-code-title{ display: block; font-size: 12px; width:30mm;overflow: hidden; text-align: center;  -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; margin:2px 0 1px 0; font-weight: bold;}
.print-code-title .body-font {line-height: 14px; text-align: center;}
.print-barcode{ width: 100%; overflow: hidden;}
.print-base{ margin:30px auto 0 auto;}
.print-baseinfo{width: 40mm; overflow: hidden; background-color: #efefef; display: block; float: left;}
.print-baseinfo:nth-child(2n){ background-color: #e3e3e3;}
.print-code-span{display: block;
    float: left;
    width: 30mm;
    margin: 0 auto;}
.print-main-base{width: 96%; height: 19.5mm; overflow: hidden; margin: auto;}
.print-code-span span{ display: block; float: left; width: 100%;}
.print-code-span span p{ text-align: center;}
.print-code-num{ width: 100%; margin: auto; overflow: hidden; line-height: 11px; display: block;word-wrap: break-word; margin-top: -3px;
    word-break: normal; font-size: 10px!important;}
.print-code-num span{ width: 100%; display: block; text-align: center; overflow: hidden;}
.print-code-img{display: block;float: left;width: 38%;}
.print-barcode-img{ display: block; width: 90%; height: 8mm; margin:0.3mm auto;}
.print-barcode-img img{ display: block; margin: auto;width: 100%; height: 100%;}
.print-code-img img{ display: block; width: 100%;}
.norecords{ display: block; margin:10px auto 0 auto;}
/*.body-font{font-size:10px!important; line-height:14px;-webkit-transform:scale(0.5)!important;}*/
.body-font{font-size:10px!important; line-height:12px; transform: scale(0.50);transform-origin:0 0;}
.print-code-tit span{ display: block; float: left; overflow: hidden;}
.print-main span{ width: 50%; display: block; float: left; text-align: center; overflow: hidden;}
.font-info{ display: block; width: 200%;}
.print-code-line{ width: 100%; height: 1.8mm; overflow: hidden;margin-bottom: 0.3mm;}
.print-code-row{ width: 100%; height: 3.7mm; overflow: hidden;margin-bottom: 0.3mm;}
.print-content{display: block; float: left; width: 30mm; height: 19.5mm; overflow: hidden;}
.print-img{ display: block; margin: auto;}
.print-code-span span.info-left{width: 50%; display: block; float: left;}
.print-code-span span.info-right{width: 50%; display: block; float: right;}

.tracking-content{ display: none;}
.tructions-label{ display: block; width: 100%; height: 30px; line-height: 30px; padding-top: 5px; overflow: hidden;}
.tructions{ display:block; float:left;height: 90px;width: 90px; margin:-10px 10px 10px 10px; border-radius:4px;border: 3px dashed #dfdfdf; text-align: center; cursor: pointer;}
.tructions i{ display:block;width: 59px; height: 59px; margin:7px auto 2px auto;}
.tructions-instructions{background:url(../images/qrCode.png) no-repeat;}
.tructions-approvals{background:url(../images/barCode.png) no-repeat;}
.tructions-active{border:solid 3px #1E9FFF; background-color: #f5f5f5;}
.tructions-info{ margin-left:30px;}

div::-webkit-scrollbar{width:5px;height:10px;}
div::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}
div::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}
div::-webkit-scrollbar-thumb:hover{background: #a1a1a1;}
div::-webkit-scrollbar-corner{background: #179a16;}

.contents-left{display: block; float: left; width: 27%; margin-right: 2%;}
.contents-left table{ display: block; max-height:85%; overflow-y: auto;}
.contents-left table::-webkit-scrollbar {/*滚动条整体样式*/width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/height: 1px;}
.contents-left table::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #afafaf;}
.contents-left table::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;}
.contents-left .td-color{ width: 40%;background-color: #f2f2f2;}
.contents-left .td-color label{ float: right;}
.contents-right{display: block; float: right; width: 70%;}

/*右下角提示框*/
.tip-content{display:none;z-index:999;border:1px #007fdb solid; position:fixed; bottom:0px; right:8px;width:280px;height:140px; background-color:#e0eef8; border-top-left-radius:6px;border-top-right-radius:6px; overflow: hidden;box-shadow: 3px 2px 3px rgba(0,0,0,0.1);}
.tip-content_bt{ height:30px; line-height:30px;background-color:#007fdb; padding:0px 12px 0 20px; font-size:18px; color:#fff; }
.tip-content-span{ display: block; float: left;font-size:14px;}
.tip-content-close{ display: block; position: absolute; width: 17px; height: 17px; right: 10px; top: 10px;}
.tip-content-close img{ width:100%; cursor: pointer;}
.tips-info{ width:90%;overflow:hidden; margin:auto;font-size:14px; color:red; text-align:center; padding-top:8px; line-height:22px; }
.tips-info p{ font-size: 16px;}
.tips-icon{ display: block; margin:auto;width:112px; height:60px;background:url(../images/tips.png) no-repeat; margin-top: 16px; cursor: pointer;}

/*谷歌提示框*/
.tip-content-info{display:none;z-index:999;border:1px #999 solid; position:fixed; top:30%; left:50%; margin-left:-230px;width:460px;height:175px; background:#fff; border-top-left-radius:6px;border-top-right-radius:6px; overflow: hidden;box-shadow:  3px 2px 3px rgba(0,0,0,0.1);}
.tip-content_bt-info{ height:30px; line-height:30px;background-color:#999; padding:0px 12px 0 20px; font-size:18px; color:#fff; }
.tip-content_bt-info .tip-content-span-info{ display: block; float: left;font-size:14px;}
.tip-content_bt-info .tip-content-close-info{ display: block; float: right;}
.tip-content_bt-info .tip-content-close-info img{ width: 70%; cursor: pointer;}
.tips-info-p{ width:90%;overflow:hidden; margin:auto;font-size:15px; color:red; text-align:center; padding-top:35px; line-height:30px; }
.tips-info-p p{ font-size: 16px;}
.tips-icon{ display: block; margin:auto;width:112px; height:60px;background:url(../images/tips.png) no-repeat; margin-top: 16px; cursor: pointer;}
.text-hidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*可输入的下拉框*/
.select-div {width: 200px!important;margin: 0!important;height: 34px;float: left;padding:0;position:relative;}
.select-div input {width: 95%;padding-right: 5%;height: 30px;line-height: 30px;font:14px arial;color:#333;margin-top: 2px;border: 1px solid #d3d3d3;padding:2px 0px 2px 8px;border-radius:2px;}
.select-search-button {position: absolute;height: 30px;width: 30px;top: 1px;right: 7px;cursor: pointer;}
.select-search-img {position: absolute;height: 0px;width: 0px;top: 13px;right: 10px;overflow: hidden;cursor: pointer;border-width: 5px;border-style: solid dashed dashed;border-color: #acacac transparent transparent;background-repeat: no-repeat;opacity: .6;}
.select-div span.up {border-width: 5px;border-style: dashed dashed solid;border-color: transparent transparent #acacac;top: 7px;}
.select-div select {width: 95%;max-height: 130px;margin: 0px;padding: 2px 0px;outline: none;border: 1px solid #b8b8b8;position:absolute;top:35px;left:0;}
.select-div select option {height:18px;line-height:18px;cursor: default;font:14px arial;padding: 2px 8px;}
.select-div select option:hover{background:#f0f0f0;}

.file-btn{text-align: center;width: 60px!important;border-radius: 0px!important; background-color: #1E9FFF!important; border: 1px #1E9FFF solid!important; color: #fff!important;}

.btn-adds{color: #0063ab; font-weight: bold; margin-top: 5px; cursor: pointer;}

/*未授权图片样式*/
.no-info-content{ width: 100%; overflow: hidden;}
.no-info-content img{ display: block; margin:12% auto 0 auto;}


/*登录页面样式*/
.index-info-header{width: 100%; background-color: #f4f4f4;height:30px; line-height:30px;border-bottom:#efefef dashed 1px;}
.login-wechat{width: 22px; height: 21px; display: block; float: left;margin:0 0 0 0;background:url(../images/login-wechat.png) no-repeat;}
.login-email{width: 26px; height: 21px; display: block; float: left;margin:5px 3px 0 80px;background:url(../images/login-email.png) no-repeat;}
.login-text{display: block; float: left; font-size: 12px; color: #555;margin-top: -1px;position: relative;}
.login-wechat-div{z-index:9999;width: 148px; height: 148px; background-color: #fff; position: absolute; left:0; bottom: 30px;border: solid 2px #efefef;border-radius: 10px;box-shadow: 0 4px 6px 0 rgba(0,0,0,.2); overflow: hidden;display: none;}
.login-wechat-div img{display: block; width: 100%; height: 100%;}
.login-header-wechat,.login-header-email{height: 20px;display: block; float: left; cursor: pointer; position: relative;}
.login-email-div{z-index:9999;width: 410px; height: 210px; background-color: #fff; position: absolute; left: -70px; top: 28px;border: solid 2px #efefef;border-radius: 10px; overflow: hidden;display: none;}
.login-email-text{width: 86%; margin:30px auto; line-height: 30px; font-size: 16px;}
.login-email-text b{ font-size: 16px;}
.login-link{display: block; float: left;color: #333; font-weight: bold; margin: 18px 10px 0 25px;}
.login-main-div{display:block; width:1100px;height:30px;margin: auto;}
@media screen and (max-width: 1920px){
    .index-main-top-div{margin: 10px auto 12px auto;}
    .index-main-top-text img{width: 380px;}
    .index-main-top-text p{font-size: 15px;line-height: 22px;}
    .index-main-top{height: 540px;}
    .index-main-top{ background-size: 100% 100%;background:url(../images/banner-big.png) no-repeat;background-position: center center;}
    .login-inside{top: 80px;}
    .login-footer{ margin-top: 20px;}
    .login-main-div{margin: 22px auto 2px auto;}
}
@media screen and (max-width: 1680px){
    .index-main-top-div{margin: 5px auto 10px auto;}
    .index-main-top-text img{width: 360px;}
    .index-main-top-text p{font-size: 13px;line-height: 16px;}
    .index-main-top{height: 470px;}
    .index-main-top{ background-size: 100% 100%;background:url(../images/banner-small.png) no-repeat;background-position: center center;}
    .login-inside{top: 48px;}
    .login-footer{ margin-top: 17px;}
    .login-main-div{margin: 14px auto 4px auto;}
}

@media screen and (max-width: 1420px){
    .index-main-top-div{margin: -3px auto 0 auto;}
    .index-main-top-text img{width: 340px;}
    .index-main-top-text p{font-size: 13px;line-height: 18px;}
    .index-main-top{height: 412px;}
    .index-main-top{ background-size: 100% 100%;background:url(../images/banner-small.png) no-repeat;background-position: center center;}
    .login-inside{top: 15px;}
    .login-footer{ margin-top: 10px;}
    .login-main-div{margin: 10px auto 2px auto;}
}