/* -------------公共start--------------- */
/* --ai助手-- */
.ai_btn{
	position: fixed;
	right: 4px;
	top: 30%;
	width: 32px;
	background-color: #f8f5fd;
	border-radius: 32px;
	padding: 5px 3px 15px;
	box-shadow: 0 0 8px rgba(0,0,0,0.15);
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #FFFFFF;
}
.ai_btn img{
	width: 100%;
	display: block;
	height: 100%;
	margin-bottom: 2px;
}
.aiBox{
	background-color: #f8f5fd;
	display: none;
	height: 100%;
	overflow-y: auto;
	position: relative;
}
.aiBoxContent{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.aiWindow .title_btn{
	display: flex;
	align-items: center;
	justify-content: right;
}
.aiWindow #new_aiBox{
	display: inline-block;
	height: 42px;
	width: 42px;
	background-image: url(/image/icon_newWindow.png);
	background-size: 28px 28px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 10px;
}
.aiWindow #record_btn{
	display: inline-block;
	height: 42px;
	width: 42px;
	background-image: url(/image/record.png);
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.aiBox .loading_box{
	padding: 0 15px 15px 25px;
	display: none;
}
.aiBox .first_word{
	padding: 150px 15px 15px 25px;
	font-size: 22px;
}
.aiBox .first_word img{
	width: 40px;
	height: 40px;
	margin-right: 8px;
}
.aiBox .first_word span{
	color: transparent;
	background-image: linear-gradient(225deg,rgba(176,116,255,1) 0%,rgba(255,183,242,1) 100%);
	-webkit-background-clip: text;
}
.aiBox .first_word .data_analysis{
	font-size: 16px;
	padding: 6px 20px;
	/*background-color: transparent;*/
	border-radius: 4px;
	margin: 20px 0 0 50px;
        background-image: url(/image/ai_button_bg.jpg);
        border:1px solid #7E80FD;
        background-size:cover;
        background-position: right;
        cursor: pointer;
        color: #7E80FD;
        
}


.aiBox .qa_box{
	position: relative;
	padding: 10px;
}
.aiBox .ai_disclaimer{
	padding: 0 5px 10px;
	font-size: 10px;
	color: #999;
	text-align: center;
	line-height: 14px;
}
.qa_record_list .ai_disclaimer,
.qa_record_content .ai_disclaimer{
	padding: 8px 10px;
	font-size: 10px;
	color: #999;
	text-align: center;
	line-height: 14px;
	border-top: 1px solid #f0f0f0;
	background-color: #fafafa;
	margin-top: 10px;
}
.aiBox .qa_box textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	height: 108px;
	resize: none;
	border: 1px solid #d5d5d5;
	font-size: 15px;
}
.aiBox .qa_box textarea:focus{
	border: 1px solid #6ed91a;
}
.aiBox .qa_box .send{
	width: 50px;
	height: 32px;
	border-radius: 2px;
	position: absolute;
	bottom: 20px;
	right: 15px;
	border: none;
	background-image: url(/image/send.png);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
	opacity: 0.3;
}
.aiBox .dialog_box{
	padding: 25px 15px;
	flex: 1;
	overflow-y: auto;
	position: relative;
	/* 隐藏滚动条但保留滚动功能 */
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE/Edge */
}
.aiBox .dialog_box::-webkit-scrollbar {
	display: none; /* Chrome/Safari/Opera */
}
.qa_record_content{
	display: none;
	overflow-y: auto;
	padding: 10px;
	/* 隐藏滚动条但保留滚动功能 */
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE/Edge */
}
.qa_record_content::-webkit-scrollbar {
	display: none; /* Chrome/Safari/Opera */
}
.qa_record_content .dialog{
	padding: 15px;
}
.qa_record_content .dialog,
.aiBox .dialog{
	line-height: 24px;
	position: relative;
	font-size: 15px;
}

/* 用户消息和AI消息容器样式 */
.aiBox .dialog .user-message,
.aiBox .dialog .ai-message{
	margin-bottom: 20px;
	clear: both;
}

/* 确保最后一条消息也有下边距 */
.aiBox .dialog .user-message:last-child,
.aiBox .dialog .ai-message:last-child{
	margin-bottom: 0;
}
.qa_record_content .dialog dt,
.aiBox .dialog dt{
	margin-bottom: 15px;
	display: flex;
	justify-content: right;
}
.qa_record_content .dialog dt span,
.aiBox .dialog dt span{
	background-color: #dff1d1;
	padding: 8px 12px;
	border-radius: 2px;
}
.qa_record_content .dialog dd,
.aiBox .dialog dd{
	display: flex;
	justify-content: left;
	align-items: flex-start;
	margin-bottom: 20px;
}
.qa_record_content .dialog dd .ai_head,
.aiBox .dialog dd .ai_head{
	width: 30px;
	height: 30px;
	padding: 3px;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	margin-right: 10px;
	flex-shrink: 0;
	border-radius: 36px;
}
.qa_record_content .dialog dd .ai_head img,
.aiBox .dialog dd .ai_head img{
	width: 100%;
	height: 100%;
}
.qa_record_content .dialog dd span,
.aiBox .dialog dd span{
	margin-right: 15px;
}
.qa_record_list{
	position: relative;
	display: none;
	padding: 10px 25px;
	overflow-y: auto;
	/* 隐藏滚动条但保留滚动功能 */
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE/Edge */
}
.qa_record_list::-webkit-scrollbar {
	display: none; /* Chrome/Safari/Opera */
}
.qa_record_list dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
	cursor: pointer;
}
.qa_record_list dl dt{
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 25px;
	color: #333333;
}
.qa_record_list dl dd{
	flex-shrink: 0;
	color: #999;
	font-size: 15px;
}
.qa_record_list .record_alert{
	text-align: center;
	padding: 10px;
	font-size: 14px;
	color: #d5d5d5;
}



/* --顶部导航-- */
#top-area{
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 99;
	height: 60px;
	background-color: #025f95;
	/* box-shadow: 0 2px 5px rgba(0,0,0,0.15); */
}
.pc-area{
	height: 60px;
}
.top_left{
	float: left;
	display: flex;
	justify-content: left;
	align-items: flex-end;
	height: 60px;
}
.top_left .logo{
	height: 36px;
	margin: 0 15px;
	padding-bottom: 12px;
}
.top_left .logo img{
	height: 100%;
}
.top_left .doctor{
	font-size: 13px;
	color: #E5E5E5;
	padding-bottom: 12px;
}
.top_right{
	float: right;
	height: 44px;
	padding-top: 16px;
	margin-right: 5px;
}
.top_right li{
	float: left;
	width: 92px;
	text-align: center;
	line-height: 44px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: rgba(242,242,242,0.3);
	color: #F2F2F2;
	margin-right: 10px;
	position: relative;
}
.top_right li a{
	color: #F2F2F2;
	display: block;
}
.top_right li.active{
	background-color: rgba(242,242,242,1);
}
.top_right li.active a{
	color: #025f95;
	font-weight: 600;
}
.top_right li dl{
	background-color: #025f95;
	padding: 5px 0;
	position: absolute;
	z-index: 9999;
	width: 92px;
	right: 0;
	top: 44px;
	display: none;
}
.top_right li dl dd{
	border-bottom: 1px solid #E5E5E5;
}
.top_right li dl dd:last-child{
	border-bottom: none;
}
.top_right li dl dd:hover{
	background-color: rgba(242,242,242,0.3);
}
/* .top_right li.more_list_item:hover dl.hidden_nav{
	display: block;
} */
.wrap{
	margin-top: 60px;
	padding: 15px;
	overflow-y: auto;
}
#content{
	background-color: #fff; 
	position: relative;
	min-height: 350px;
	padding: 0 15px 20px 15px;
	border-radius: 4px;
}
.footer{
	padding: 30px 0; 
	position: relative; 
	text-align: center; 
	font-size: 13px;
	color: #515151;
}
.footer a{
	color: #515151;
}
.footer a:hover{
	text-decoration: underline;
	color: #007AC3;
}
/* 下标样式 */
.sub{
	font-size: 12px !important;
	vertical-align: text-top !important;
}

/* -------- 页面标题及操作按钮 ------- */
.page_head{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	height: 50px;
	align-items: center;
	border-bottom: 1px solid #F2F2F2;
}
#page-title	{
	background-color: #7ac043;  
	padding: 0 15px; 
	height: 36px;
	font-size: 16px; 
	line-height: 36px; 
	color: #fff; 
	position: relative; 
}
#page-title:after{
	content: ''; 
	width: 0; 
	height: 0; 
	position: absolute; 
	border-top: 18px solid transparent;
	border-left: 18px solid #7ac043;
	border-bottom: 18px solid transparent;
	top: 0; 
	right: -18px; 
	z-index: 0;
}
#page-actions{
	position: relative;
	display: flex;
}
#page-actions li{
	position: relative; 
	display: flex;
	margin-left: 15px;
}
#page-actions li.spirometry_li{
	width: 140px;
}
#page-actions li button:last-child{
	margin-right: 0;
}
.default_btn{
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	border: none;
	border-radius: 4px;
	border: 1px solid #D5D5D5;
	background-color: transparent;
	color: #333333;
	font-size: 15px;
	cursor: pointer;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 10px;
	outline: none;
}
.btn{
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	border: none;
	border-radius: 4px;
	color: #FFFFFF;
	background-color: #13b3f0;
	font-size: 15px;
	cursor: pointer;
	margin-right: 10px;
	display: inline-block;
	outline: none;
}
/* button bgcolor */
.btn_darkblue{background-color: #025f95;}
.btn_green{background-color: #7ac043;}
.btn_yellow{background-color: #ffb800;}
.btn_red{background-color: #fd0202;}
.btn_orange{background-color: #ff5722;}

/* --search-- */
#search_div{
	display:none;
}
.search{
	padding: 10px;
	position: relative;
}
.search .row{
    overflow: hidden;
    margin-bottom:10px;
}
.search .row .item{
    float: left;
	width: 30%;
    margin-right:3%;
	margin-bottom: 10px;
	height: 34px;
	display: flex;
}
.date_box{
	width: 210px;
	margin-right: 10px;
}
.search .row .item .date_input{
	width: 200px;
}
.search .row .item label{
	flex-grow: 0;
	line-height: 34px;
	font-size: 15px;
}
.search .row .item select{
    width:70px;
	padding:2px 5px;
	flex-grow: 1;
}
.search .row .item input{
    width:70px;
	flex-grow: 1;
    padding:0 5px; 
    line-height: 32px; 
	height: 32px;
	border: none;
	border: 1px solid #D7D7DA;
}
/*--分页样式--*/
.pagination-container{
    margin-top: 15px;
	overflow: hidden;
	position: relative;
}
.pagination {
	margin: 10px 0;
	float:left;
}
.pagination > li {
	float:left;
}
.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 10px;
	line-height: 10px;
	text-decoration: none;
	color: #999;
	background-color: white;
	border: 1px solid #ddd;
	margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-radius:5px 0 0 5px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #999;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 2;
	color: white;
	background-color: #337ab7;
	border-color: #337ab7;
	cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #999;
	background-color: white;
	border-color: #ddd;
	cursor: not-allowed;
}
.count{
	margin: 10px 5px;
	padding:5px;
	float:left;
}
/* --选择患者弹窗搜索-- */
.patient_search{
	position: absolute;
	right:0px;
	top:20px;
	z-index:999;
}

/* ==患者管理== */
/* --table-- */
.layui-table tbody tr:hover{
	background-color: transparent;
}
.layui-table{
	color: #1A1A1A;
}
.field_hidden{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.user_name{
	min-width: 70px;
}
.table_btn{
	word-break: keep-all;
}
.table_btn a{
	color: #13b3f0;
}
.alertBox{
	cursor: pointer;
}
.alertBox i{
	color: #fd0202;
	font-size: 18px;
}
/* --肺功能测试设备选择及警报layer-- */
#popLayer {
    display: none;
    background-color: #000000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
	z-index: 1009;
    filter: alpha(opacity=30);/* 只支持IE6、7、8、9 */
}
.popBox {
    display: none;
    background-color: #FFFFFF;
    z-index: 1111;
    width: 360px;
	padding: 10px 15px 15px 15px;
    position:fixed;
    top:50%;
    right:0;
    left:0;
	transform: translateY(-50%);
    margin:auto;
	border-radius:5px;
}
.popBox .close{
	height: 30px;
	line-height: 30px;
	position: relative;
}
.popBox .close a {
	position: absolute;
	height: 30px;
	width: 30px;
	right: 0;
	top: 0;
    background: url(/image/icon_close.png) 100% no-repeat;
}
/* --测更多layer-- */
.moreTest{
	margin: 20px 10px 0;
	position: relative;
}
.moreTest ul{
	position: relative;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}
.moreTest ul li{
	width: 33%;
}
.moreTest ul li .testItem{
	text-align: center;
	margin-bottom: 40px;
}
.moreTest ul li .testItem img{
	width: 60px;
	margin: 0 auto 5px;
	display: block;
}
.layui-layer-title{
	font-size: 16px !important;
}

/* ==添加患者== */
select{
	background: url(../image/dropdown-arrow.png) right center no-repeat #fff;
	width: 100%;
	height: 34px;
	margin: 0;
	padding: 5px;
	font-size: 16px;
	color: #707070;
	border: 0;
	border-radius: 0;
	border: 1px solid #d7d7da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	position: relative;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	font-family: karlaregular, Arial, sans-serif;
}
.required{
	color: #ec2028;
}
#new_form{}
.new_form_item{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	margin-right: 20px;
	width: calc(100% - 20px);
}
.new_form_label{
	width: 100px;
	text-align: right;
	margin-right: 10px;
	flex-grow: 0;
	flex-shrink: 0;
}
.new_form_label .required{
	color: #fd0202;
}
.new_form_item .layui-unselect{
	flex-grow: 1;
}
.new_unit{
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 10px;
}
.scan{
	cursor: pointer;
	display: flex;
	align-items: center;
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 0;
	margin-left: 10px;
}
.scan i{
	font-size: 22px;
	color: #FFFFFF;
}
.scan img{
	width: 24px;
	height: 24px;
}
.waitId{
	display: none;
}
/* ==发送消息== */
.retestBox{
    display:none;
}
/* ==慢病管理== */
.setCneter{
	display: flex;
	align-items: flex-start;
}
.sidebar{
	margin-right: 15px;
	width: 180px;
	flex-shrink: 0;
}
.sidebar .layui-nav{
	/* background-color: #025f95; */
	background-color: #F2F2F2;
	border: 1px solid #E5E5E5;
}
.sidebar .layui-nav *{
	font-size: 15px;
	color: #1A1A1A !important;
}
.sidebar .layui-nav-tree{
	width: 180px;
}
.sidebar .layui-nav-tree .layui-nav-item a{
	border-bottom: 1px solid #F2F2F2;
}
.sidebar .layui-nav-tree .layui-nav-item>a{
	font-weight: 600;
}
.sidebar .layui-nav .layui-nav-more{
	content: '';
	width: 0;
	height: 0;
	border-style: solid dashed dashed;
	border-color: #fff transparent transparent;
	overflow: hidden;
	cursor: pointer;
	transition: all .2s;
	-webkit-transition: all .2s;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -3px;
	border-width: 6px;
	border-top-color: #C2C2C2;
}
.sidebar .layui-nav .layui-nav-mored, .sidebar .layui-nav-itemed>a .layui-nav-more{
	margin-top: -9px;
	border-style: solid dashed dashed;
	border-color: transparent transparent #C2C2C2;
}
.sidebar .layui-nav-itemed>.layui-nav-child{
	background-color: #FFFFFF !important;
}
.sidebar .layui-nav-tree .layui-nav-child dd.layui-this, 
.sidebar .layui-nav-tree .layui-nav-child dd.layui-this a, 
.sidebar .layui-nav-tree .layui-this, 
.sidebar .layui-nav-tree .layui-this>a, 
.sidebar .layui-nav-tree .layui-this>a:hover{
	background-color: #13b3f0;
	color: #FFFFFF !important;
}
.sidebar .layui-nav-tree .layui-nav-bar{
	background-color: transparent;
}
.sidebar .layui-nav-tree .layui-nav-item a:hover{
	background-color: #13b3f0;
	color: #FFFFFF !important;
}
.main_content{
	flex-grow: 1;
	position: relative;
}
.new_card{
	margin-bottom: 15px;
	border-radius: 4px;
	border: 1px solid #F2F2F2;
	position: relative;
}
.new_card_header{
	border-bottom: 1px solid #F2F2F2;
	padding: 0 10px 0 15px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.card_title{
	display: flex;
	font-weight: 600;
}
.card_title > img{
	height: 24px;
	margin-right: 10px;
}
.new_card .btn_group .btn:hover{
	color: #FFFFFF;
}
.btn_group .btn:last-child{
	margin-right: 0;
}
.new_card_body{
	padding: 10px 15px;
	position: relative;
}
.not_padding{
	padding: 0;
}
.person_info{
	width: 100%;
}
.person_info td{
	line-height: 30px;
	width: 33.33%;
}
.new_table th, .new_table td{
	line-height: 28px;
	padding: 8px 10px;
}
.new_card .showDetails{
	color: #13B3F0;
	font-weight: 600;
	cursor: pointer;
}
.wiz_table{
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	width: 100%;
}
.wiz_table th,
.wiz_table td{
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
/*肺功能严重程度文字颜色*/
/*'1' => '正常',*/
/*'2' => '轻度',*/
/*'3' => '中度',*/
/*'4' => '严重'*/
.severity_text_1{}
.severity_text_2{color:#ffb800 !important;font-weight: 600;}
.severity_text_3{color:#ff5722 !important;font-weight: 600;}
.severity_text_4{color:#fd0202 !important;font-weight: 600;}
/*肺功能严重程度文字背景色*/
.severity_bg_1{}
.severity_bg_2{background-color:#ffb800 !important;font-weight: 600;padding: 1px 3px;}
.severity_bg_3{background-color:#ff5722 !important;font-weight: 600;padding: 1px 3px;}
.severity_bg_4{background-color:#fd0202 !important;font-weight: 600;padding: 1px 3px;}
.questionnaire_type{
	padding: 10px 0;
}
.questionnaire_type span{
	font-weight: 600;
	font-size: 20px;
}
.question_add_see{
	margin-bottom: 10px;
}
.tag_item{
	margin-right: 25px;
}
.tag_item:hover{
	color: #13B3F0;
}
/* --警报设置layer-- */
#alertType{
	margin: 20px 10px 0;
	position: relative;
	display: none;
}
#alertType ul{
	position: relative;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}
#alertType ul li{
	width: 33%;
	flex-shrink: 1;
}
#alertType ul li a{
	margin-bottom: 40px;
	display: block;
	text-align: center;
	color: #333333;
}
#alertType ul li img{
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto 5px;
}
/* --体脂查看layer-- */
.show_details{
	margin: 20px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px dashed #e5e5e5;
	border-left: 1px dashed #e5e5e5;
	width: calc(100%  -40px);
	background: #f7f7f7;
}
.show_details li{
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px dashed #e5e5e5;
	border-right: 1px dashed #e5e5e5;
	text-align: center;
	padding: 20px 10px;
}
.show_details li h3{
	color: #007DDB;
}
.show_details li p{
	color: #999;
	margin: 10px 0;
}
/* ==问卷评分== */
.qa{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.qa .layui-form-item .qa_title{
	display: block;
	margin-bottom: 10px;
}
.qa .qa_content{
	padding-left: 20px;
}
.qa_cat{
	display: flex;
	align-items: center;
}
.qa_cat .qa_cat_left{
	width: 30%;
	flex-grow: 1;
	flex-shrink: 1;
}
.qa_cat .qa_cat_center{
	width: 40%;
	flex-grow: 1;
	flex-shrink: 0;
}
.qa_cat .qa_cat_right{
	width: 30%;
	flex-grow: 1;
	flex-shrink: 1;
}
.qa_cat .layui-form-radio{
	margin-top: 0;
}

/* ==查看评分趋势== */
.qa_left{
	float: left;
	width: calc(40% - 30px);
}
.qa_right{
	float: right;
	width: 60%;
}

/* ==慢病管理== */
.top_user_info{
	padding: 15px;
	display: flex;
}
.user_info{
	flex-shrink: 1;
	flex-grow: 1;
}
.base_info{
	margin-right: 20px;
	line-height: 28px;
	display: inline-block;
}
.top_user_info .btn_group{
	flex-shrink: 0;
	flex-grow: 0;
}
.copd_box_hide{
	display:none;
}
.copd_box_show{
	display: block;
}
/* --慢病管理表单样式-- */
.ncd .layui-form-item{
	display: flex;
	justify-content: space-between;
}
.ncd .float_box{
	display: flex;
	width: calc(50% - 40px);
	align-items: center;
}
.ncd .float_box label{
	float: none;
	flex-shrink: 0;
	flex-grow: 0;
}
.ncd .float_box label span{
	color: red;
}
.ncd .float_box .input_container{
	flex-shrink: 1;
	flex-grow: 1;
	position: relative;
}
.ncd .float_box .checked_box .layui-form-checkbox[lay-skin=primary]{
	margin: 12px 0;
}
.ncd .float_box .input_container .layui-textarea{
	min-height: 60px;
}
.ncd .layui-form-item .layui-form-checkbox[lay-skin=primary]{
	margin-top: 0;
}
/* --随访-- */
.main_content .layui-tab-card{
	box-shadow: none;
}
.ncd .layui-tab-title .layui-this{
	background-color: #278CC3;
	color: #FFFFFF;
}
.ncd .layui-tab-card{
	border: none;
	box-shadow: 0 0px 2px 0 rgba(0,0,0,.2);
	border-radius: 2px;
}
.ncd .layui-tab{
	width: 100%;
}

/* ==警报设置== */
#main-content .layui-elem-field{
	margin-bottom: 20px;
}
.alarm_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.alarm_box_item{
	display: flex;
	align-items: center;
	justify-content: left;
	margin-right: 10px;
}
.alarm_box_item label{
	flex-shrink: 0;
}
.delete-user-button{
	color: #FD0202;
	margin-left: 15px;
}
.add-user-button{
	color: #13B3F0;
	margin-left: 15px;
}

/* ==慢阻肺评估== */
.assess_alert{
	background-color: #F5F5F5;
	padding: 10px 20px;
	color: #ff7a7a;
	margin-bottom: 30px;
}
.assess_base{
	width: 100%;
	margin: 10px;
}
.assess_base td{
	width: 50%;
	padding: 10px;
}
.assess_result{
	background-color: #dff1d1;
	color: #f96161;
	font-weight: 600;
	padding: 10px 30px;
	font-size: 16px;
	margin-top: 30px;
}
.goassess{
	font-weight: normal;
	padding: 5px 10px;
	color: #FFFFFF;
	background-color: #1583c5;
	font-size: 14px;
	border-radius: 4px;
}
.goassess:hover{
	color: #FFFFFF;
}

/* ==诊断结果显示== */
.result_text{
	padding: 30px;
	color: #007DDB;
	font-size: 16px;
	line-height: 26px;
}
.result_box{
	border-style: dashed;
	border-radius: 6px;
	background: #F3F8FC;
	border-color: #D5D5D5;
}

/* ==添加标签== */
.add-time-button,.add-day-button,.delete-time-button,.delete-day-button{
	font-size: 18px; 
	color: #026096; 
	margin-left: 15px;
}

/* ==视频演示== */
.videoBox{
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	margin-top: 30px;
}
.videoItem{
	padding: 0 20px;
	flex-shrink: 1;
	width: 20%;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.videoItem div{
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	width: 100%;
}
.videoItem div img{
	width: 100%;
	height: auto;
}
.videoItem span{
	display: block;
	text-align: center;
	margin-top: 10px;
}

/* ==设备中心== */
.device_list{
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	margin-bottom: 20px;
}
.device_wifi{
	padding: 20px 15px 0 15px;
}
.device_list .head{
	height: 50px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #E5E5E5;
	justify-content: space-between;
	background-color: #F2F2F2;
	padding-left: 10px;
}
.device_item{
	display: flex;
	justify-content: space-between;
	padding: 25px 20px;
	border: 1px solid #f2f2f2;
	background-color: #f7f7f7;
	margin-bottom: 20px;
	align-items: center;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.device_info{
	display: flex;
	justify-content: left;
}
.device_state1,.device_state2{
	position: absolute;
	left: 0;
	width: 8px;
	background-color: #13b3f0;
	height: 100%;
}
.device_state2{
	background-color: #ff5722 !important;
}
#addDevice{
	padding: 30px 40px 0 20px;
	display: none;
	min-height: 220px;
	position: relative;
}

/* ==检测中心== */
.check_center{
	padding-bottom: 20px;
	height: calc(100% - 80px);
	display: flex;
	justify-content: space-between;
}
.device_status{
	width: calc(30% - 15px);
	background-color: rgba(19,179,240,0.1);
	text-align: left;
	border-radius: 4px;
}
.device_status_title{
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #F2F2F2;
	padding: 0 15px;
	font-size: 17px;
	font-weight: 600;
	color: rgb(19,179,240);
}
.device_status_title span{
	border-bottom: 2px solid rgb(19,179,240);
	display: inline-block;
	line-height: 44px;
	padding: 0 10px;
}
.device_status_info{
	padding: 15px;
	position: relative;
	border-radius: 4px;
}
.status_info_item{
	margin-top: 20px;
}
.status_info_item span{
	font-size: 17px;
	font-weight: 600;
	color: rgb(19,179,240);
}
.device_status_info .btn_group{
	margin-top: 30px;
}
.warming{
	margin-top: 40px;
	color: #ff5722;
}
.check_box{
	width: calc(70% - 30px);
	padding: 0 15px;
	border: 1px solid #F2F2F2;
	position: relative;
	overflow-y: auto;
}
.table_result{
	width: 100%;
	margin-top: 15px;
}
.table_result th{
	border-right: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	text-align: center;
	background: #f8f8f8;
	padding: 20px 15px;
}
.table_result th p{
	font-size: 22px;
	font-weight: 600;
	color: #007AC3;
}
.table_result th span{
	font-size: 14px;
	color: #666;
}
.result_content{
	padding: 20px 0;
}
.result_level{
    padding: 30px 30px 10px 30px;
    font-size: 16px;
    line-height: 26px;
}
.fvc_level,.fev1_level{
    padding: 0 4px;
    background-color: #007DDB;
    color: #FFFFFF;
}
.fvc_level{
    margin-right: 40px;
}
.fvc_1,.fev1_1,.fev1_over_fvc_1,.pef_1,.fef2575_1,.ev_1,.ev_over_fvc_1,.fet_1{
    color:#007ac3;
}
.fvc_2,.fev1_2,.fev1_over_fvc_2,.pef_2,.fef2575_2,.ev_2,.ev_over_fvc_2,.fet_2{
    color:#7ac043;
}
.fvc_3,.fev1_3,.fev1_over_fvc_3,.pef_3,.fef2575_3,.ev_3,.ev_over_fvc_3,.fet_3{
    color:#c07e43;
}
.fvc_4,.fev1_4,.fev1_over_fvc_4,.pef_4,.fef2575_4,.ev_4,.ev_over_fvc_4,.fet_4{
    color:#2aa3a7;
}
.fvc_5,.fev1_5,.fev1_over_fvc_5,.pef_5,.fef2575_5,.ev_5,.ev_over_fvc_5,.fet_5{
    color:#a074e2;
}
.fvc_6,.fev1_6,.fev1_over_fvc_6,.pef_6,.fef2575_6,.ev_6,.ev_over_fvc_6,.fet_6{
    color:#7e6b5a;
}
.fvc_7,.fev1_7,.fev1_over_fvc_7,.pef_7,.fef2575_7,.ev_7,.ev_over_fvc_7,.fet_7{
    color:#c1ba0a;
}
.fvc_8,.fev1_8,.fev1_over_fvc_8,.pef_8,.fef2575_8,.ev_8,.ev_over_fvc_8,.fet_8{
    color:#d16262;
}
.del_cur_data{
    display: none;
    background-color: orangered;
    color: #FFFFFF;
    padding: 5px;
    border-radius: 5px;
}
.checking{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
/* 加载动画 */
.load2 .loader,
.load2 .loader_mask,
.load2 .loader:before,
.load2 .loader:after {
	border-radius: 50%;
}
.load2{
	position: relative;
}
.load2 .loader_mask span{
	font-size: 18px;
	color: #2291cf;
}
.load2 .loader_mask{
	position: absolute;
	font-size: 12px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 17em;
	line-height: 17em;
	height: 17em;
	text-align: center;
	background-color: #FFFFFF;
	z-index: 99;
}
.load2 .loader {
	font-size: 12px;
	margin: 0 auto;
	position: relative;
	width: 20em;
	line-height: 20em;
	height: 20em;
	text-align: center;
	box-shadow: inset 0 0 0 1.5em #E5E5E5;
}
.load2 .loader:before {
	position: absolute;
	content: '';
	width: 10em;
	height: 20em;
	background: #2291cf;
	border-radius: 20em 0 0 20em;
	top: 0em;
	left: 0em;
	-webkit-transform-origin: 10em 10em;
	transform-origin: 10em 10em;
	-webkit-animation: load2 2s infinite ease 1.5s;
	animation: load2 2s infinite ease 1.5s;
}
.load2 .loader:after {
	position: absolute;
	content: '';
	width: 10em;
	height: 20em;
	background: #2291cf;
	border-radius: 0 20em 20em 0;
	top: 0em;
	right: 0em;
	-webkit-transform-origin: 0em 10em;
	transform-origin: 0em 10em;
	-webkit-animation: load2 2s infinite ease;
	animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load2 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* -----layer弹窗自定义样式------ */
.layerbg{
	background-color: #FFFFFF;
	text-align: center;
	min-width: 260px !important;
}
.layerbg .layui-layer-title{
	text-align: left;
}
.layerbg .layui-layer-content{
	font-size: 18px !important;
}
.layerbg .layui-layer-btn a{
	display: block;
	margin-bottom: 15px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
.closeIconStyle .layui-layer-setwin a,
.aiWindow .layui-layer-setwin a{
	width: 43px;
	height: 43px;
}
.closeIconStyle .layui-layer-setwin .layui-layer-close1,
.aiWindow .layui-layer-setwin .layui-layer-close1{
	background-position: center;
}
.closeIconStyle .layui-layer-ico,
.aiWindow .layui-layer-ico{
	background: url(/image/icon_close.png) no-repeat;
	background-size: 32px 32px;
}
.closeIconStyle .layui-layer-setwin,
.aiWindow .layui-layer-setwin{
	top: 0;
	right: 5px;
}
.aiWindow .layui-layer-title{
	background-color: #f8f5fd !important;
	padding-right: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	pointer-events: auto;
}
.aiRecordWindow{
	box-shadow: none !important;
}

/* ==手术管理== */
#info_fill{
	padding: 25px 30px 25px 20px;
	display: none;
}
#add_data{
	padding: 25px 30px 25px 20px;
	display: none;
}

/* ==支气管舒张试验== */
.breath_result{line-height: 36px;padding-left: 15px;background-color: #F8F8F8;border-bottom: 1px solid #d1d1d1;}
.breath_result_text{font-weight: 600;font-size: 18px;}

/* --适配PC-- */
@media screen and (min-width:1280px) {
	#content{ min-height: 700px;}
	.layui-table td{ padding: 10px;}
}
@media screen and (min-width:1630px) {
	.wrap{
		width: 1600px;
		margin-left: auto;
		margin-right: auto;
	}
	#top-area .pc-area{
		width: 1630px;
		margin-left: auto;
		margin-right: auto;
	}
}
.hidden_lg{
	display: none;
}

/* --适配第一代平板-- */
@media screen and (max-width:1200px) {
	html,body{
		font-size: 14px !important;
	}
	body .layui-table td,body .layui-table th{
		font-size: 14px !important;
	}
	/* .top_left .doctor{
		display: none;
	} */
	.hidden_lg{
		display: block;
	}
	.hidden_xs{
		display: none !important;
	}
	.new_table th, .new_table td{padding: 5px;}
	.status_info_item span{font-size: 14px;}
}
/* --适配所有平板-- */
@media screen and (max-width:1285px) {
	.wrap{
		margin-top: 60px;
		padding: 8px !important;
		height: calc(100% - 16px) !important;
	}
	#content{
		padding: 0 8px 10px 8px !important;
		height: calc(100% - 16px) !important;
	}
	.page_head{margin-bottom: 8px;}
	.life_data{ max-width: 300px;}
	.sidebar{ width: 160px;}
	.sidebar .layui-nav-tree{ width: 160px !important;}
	.videoItem{width: 25%;}
	/* 检测中心 */
	.warming{ margin-top: 10px;}
	.check_center{height: calc(100% - 58px);}
	.device_status{width: calc(25% - 15px);}
	.device_status_title{padding: 0 10px;}
	.device_status_info{padding: 15px 10px;}
	.check_box{padding: 0 10px;width: calc(75% - 15px);}
	.exitChecked,.print_report{margin-top: 15px;}
}