body {
	font-family: "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif;
	font-size: 14px;
	box-sizing: border-box;
}

.fl {
	float: left;
}

.icon {
	display: inline-block;
}

.icon-check-box,
.jizhen-icon-check-box {
	margin-right: 4px;
	width: 16px;
	height: 16px;
	background: url(../img/login.png) no-repeat -90px -99px;
}

.icon-check-box-checked,
.jizhen-icon-check-box-checked {
	background: url(../img/login.png) no-repeat -60px -99px;
}

.page-area .current-page {
	border: none;
	color: #FFFFFF;
	background: #6585E5;
}

/* 登录页 */
.login-html,
.modules-html {
	height: 100%;
}

.login-body,
.modules-body {
	height: 100%;
	min-width: 1200px;
	min-height: 630px;
}

.login-area {
	width: 100%;
	height: 100%;
	/*background: url(../img/bg.png);*/
	/*background-size:cover; */
	/*position: relative;*/
	/*overflow: hidden;*/
}

.login-error {
	position: absolute;
	font-size: 12px;
	color: #f00;
}

.login-content {
	width: 800px;
	height: 400px;
	background: url(../img/loginbg.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -400px;
	z-index: 10;
}

.form-area {
	width: 400px;
	height: 400px;
}

.form-inner {
	width: 280px;
	margin: 0 auto;
}

.form-area h3 {
	padding: 26px 0;
}

.form-area h3 span {
	font-size: 20px;
	float: left;
	color: #4b7bea;
}

.form-area h3 a {
	font-size: 12px;
	float: right;
	display: block;
	color: #999;
	margin-top: 10px;
}

.login-row {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
}

.login-row p {
	color: #666;
	margin-bottom: 8px;
}

.login-row i {
	position: absolute;
	width: 18px;
	height: 20px;
	top: 36px;
	left: 10px;
}

.icon-user {
	background: url(../img/login.png) no-repeat 0px -100px;
}

.icon-pwd {
	background: url(../img/login.png) no-repeat -30px -100px;
}

.login-row input {
	border: 1px solid #d6d6d6;
	height: 32px;
	line-height: 32px;
	width: 280px;
	text-indent: 36px;
	border-radius: 4px;
	color: #999;
}

.login-row .vcode-input {
	text-indent: 16px;
	width: 138px;
	margin-right: 14px;
}

.login-row img {
	width: 120px;
	height: 34px;
	float: right;
}

.login-button-area {
	margin-top: 40px;
	height: 30px;
}

.login-button-area span {
	color: #666;
	font-size: 12px;
	cursor: pointer;
	margin-top: 12px;
	float: left;
}

.login-button-area a {
	float: right;
	border-radius: 4px;
	background-color: #4b7bea;
	color: #fff;
	width: 140px;
	height: 32px;
	line-height: 32px;
	text-align: center;
}

.login-button-area i {
	position: relative;
	top: 4px;
}

.login-title-yanshi {
	width: 280px;
	height: 66px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -300px 0 0 -140px;
	background: url(../img/login.png) no-repeat 0 -140px;
}

.star {
	position: absolute;
}

.star img {
	width: 100%;
}

.big-star {
	width: 143px;
	height: 93px;
	top: 75%;
	left: 64%;
	z-index: 1;
}

.small-star {
	width: 50px;
	height: 50px;
	top: 16%;
	left: 9%;
	z-index: 1;
}

.right-star {
	top: 40%;
	left: 100%;
	margin-left: -30px;
}

.login-title {
	width: 602px;
	height: 66px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -300px 0 0 -310px;
	background: url(../img/login.png) no-repeat 0 0;
}

.cloud {
	width: 1139px;
	position: absolute;
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes float {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.cloud img {
	width: 100%;
	height: auto;
}

.left-white-cloud {
	top: 50%;
	left: 50%;
	margin: 186px 0 0 -1020px;
	-webkit-animation: float ease-in-out 4s infinite;
	animation: float ease-in-out 4s infinite;
	z-index: 3;
}

.left-dark-cloud {
	top: 50%;
	left: 50%;
	margin: 142px 0 0 -1020px;
	-webkit-animation: float ease-in-out 3s infinite;
	animation: float ease-in-out 3s infinite;
	z-index: 1;
}

.right-white-cloud {
	top: 50%;
	left: 50%;
	margin: 292px 0 0 318px;
	-webkit-animation: float ease-in-out 2.5s infinite;
	animation: float ease-in-out 2.5s infinite;
	z-index: 3;
}

.right-dark-cloud {
	top: 50%;
	left: 50%;
	margin: 242px 0 0 270px;
	animation: float ease-in-out 3s infinite;
	-webkit-animation: float ease-in-out 3s infinite;
	z-index: 1;
}

/* 产品首页 */
.modules-area {
	background-color: #e9ebf5;
	height: 100%;
	min-width: 1200px;
	min-height: 630px;
	position: relative;
}

/*远程会诊一期顶部logo以及个人信息样式开始*/
.header {
	position: relative;
	z-index: 2;
	width: 100%;
	background-color: #4f6bcb;
	height: 60px;
	display: flex;
	justify-content: space-between;
	padding: 0 40px;
}

.header .head-logo-pingtai {
	display: block;
	background: url(../img/modules.png) no-repeat 0 -311px;
	width: 310px;
	margin: 10px 0;
}

.header .head-right {
	padding: 5px 0;
	display: flex;
	justify-content: flex-start;
	width: 360px;
}

.header .head-right a {
	color: #FFFFFF;
	margin-right: 20px;
}

.header .head-right .avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.right-info a {
	line-height: 24px;
}

.right-info .userName {
	color: #FFFFFF;
	width: 245px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*远程会诊一期头部样式结束*/
.modules-content {
	height: 530px;
	width: 900px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -235px;
	margin-left: -450px;
}

.modules-cell,
.modules-info {
	float: left;
	width: 260px;
	height: 150px;
	border-radius: 8px;
	font-size: 16px;
	color: #25324c;
	margin-bottom: 40px;
	margin-right: 60px;
	text-align: center;
	background: #fff;
	position: relative;
}

.modules-info {
	display: none;
}

.modules-cell:hover .modules-info {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: rgba(79, 107, 203, 0.8);
	color: #fff;
	cursor: pointer;
}

.modules-cell a {
	display: block;
}

.margin-right0 {
	margin-right: 0;
}

.modules-cell i {
	width: 76px;
	margin: 18px 0;
	height: 74px;
}

.modules-cell p {
	color: #25324c;
}

.icon-yuancheng {
	background: url(../img/modules.png) no-repeat 0 0;
}

.icon-wangluo {
	background: url(../img/modules.png) no-repeat -80px 0;
}

.icon-shuangxiang {
	background: url(../img/modules.png) no-repeat -160px 0;
}

.icon-yingxiang {
	background: url(../img/modules.png) no-repeat 0 -80px;
}

.icon-xindian {
	background: url(../img/modules.png) no-repeat -80px -80px;
}

.icon-jiaoyu {
	background: url(../img/modules.png) no-repeat -160px -80px;
}

.icon-yiji {
	background: url(../img/modules.png) no-repeat 0 -160px;
}

.icon-fenxi {
	background: url(../img/modules.png) no-repeat -80px -160px;
}

.icon-xitong {
	background: url(../img/modules.png) no-repeat -160px -160px;
}

.modules-info h2 {
	font-size: 18px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 8px;
}

.modules-cell p.modules-info span {
	line-height: 1.5;
	color: #fff;
	font-size: 12px;
}

.greal-area {
	width: 100%;
	height: calc(100% - 60px);
	position: absolute;
	z-index: 1;
}

/* 左侧栏 */
.left-nav {
	float: left;
	width: 260px;
	margin-left: -100%;
	background-color: #354062;
	height: calc(100% - 60px);
	/*overflow: auto;*/
}

.start-consultation {
	position: relative;
}

.new-consultation {
	display: block;
	text-indent: 34px;
	height: 52px;
	line-height: 52px;
	background: #6585e5;
	font-size: 16px;
	color: #fff;
}
.new-consultation:hover {
    color: #FFF;
}
.consultation-choice {
	width: 200px;
	position: absolute;
	left: 261px;
	top: -10px;
	background: #FFFFFF;
	z-index: 10;
	border: 1px solid #e9e9e9;
	border-radius: 6px;
	display: none;
	padding: 10px 0;
	box-shadow: #cad2ef 3px 5px 14px;
}

.consultation-choice li {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #FFFFFF;
	color: #696c74;
}

.consultation-choice li:hover {
	background: #f3f3f3;
	color: #2a2f3e;
	cursor: pointer;
}

.start-consultation:hover .new-consultation {
	background: rgba(101, 133, 229, 0.8);
}

.start-consultation:hover .consultation-choice {
	display: block;
}

.left-nav-group-title {
	cursor: pointer;
	font-size: 16px;
	color: #8d9dd2;
	height: 52px;
	line-height: 52px;
	text-indent: 20px;
}

.left-nav-group-title-con {
	cursor: pointer;
	font-size: 15px;
	color: #8d9dd2;
	height: 52px;
	line-height: 52px;
	text-indent: 50px;
}

.left-nav-group-list {
	display: none;
	width: 100%;
}

.left-nav-group-list li a {
	display: block;
	height: 52px;
	line-height: 52px;
	color: #8d9dd2;
	text-indent: 60px;
}

.left-nav-group-list li:hover a,
.left-nav .left-nav-group:last-child p:hover {
	color: #f69c00;
}

.left-nav-group-list-sub {
	display: block;
	height: 52px;
	line-height: 52px;
	color: #8d9dd2;
	text-indent: 60px;
}

.left-nav-group-list-con>li:hover a {
	color: #f69c00;
}

.left-active {
	background: rgba(233, 235, 245, 0.1);
	color: #f69c00;
}

li.left-active a {
	color: #f69c00;
	display: block;
	text-indent: 60px;
	border-left: 3px solid #4b7bea;
}

.left-nav-group-title i {
	width: 20px;
	height: 20px;
	position: relative;
	top: 4px;
	left: 6px;
	margin-right: 12px;
}

.icon-new {
	width: 20px;
	height: 20px;
	position: relative;
	top: 4px;
	left: -7px;
	background: url(../img/main.png) no-repeat 0px -89px;
}

.icon-guanli {
	background: url(../img/main.png) no-repeat -30px -90px;
}

.icon-huizhen {
	background: url(../img/main.png) no-repeat -60px -90px;
}

.icon-tongji {
	background: url(../img/main.png) no-repeat -90px -90px;
}

.icon-template {
	background: url(../img/main.png) no-repeat -458px -160px;
}
.icon-expertGroup {
	background: url(../img/main.png) no-repeat -492px -158px;
}
.icon-expertGroup2 {
	background: url(../img/main.png) no-repeat -493px -186px;
}

i.icon-arr {
	width: 20px;
	height: 10px;
	position: relative;
	top: 0;
	margin-left: 60px;
}

.icon-arr-up {
	background: url(../img/main.png) no-repeat -116px -90px;
}

.icon-arr-down {
	background: url(../img/main.png) no-repeat -146px -90px;
}

/* 右侧 */
.greal-right {
	height: calc(100% - 60px);
	width: 100%;
	float: left;
}

.greal-inner {
	margin-left: 260px;
	height: 100%;
	overflow: hidden;
}

.greal-inner .nav-bar {
	margin-bottom: 20px;
}

.bread-nav {
	margin: 18px 0 0 0;
	padding: 0 0 0 20px;
}

.first-dep {
	height: 314px;
}

.bread-nav a {
	color: #999;
}

.bread-nav .layui-breadcrumb a:hover {
	color: #333333;
}

.content {
	font-size: 0;
}

.my-info {
	float: left;
	width: 65%;
	font-size: 14px;
}

.my-info-inner {
	height: 100%;
	padding: 20px 10px 20px 20px;
}

.my-work-state {
	float: left;
	width: 35%;
	font-size: 14px;
	height: 100%;
}

.my-work-state-inner {
	height: 100%;
	padding: 20px 20px 20px 10px;
	/*height: 276px;*/
}

.inner-content {
	background: #fff;
	height: 100%;
	box-shadow: #cad2ef 3px 5px 14px;
}

.info-top {
	height: 138px;
	width: 96%;
	margin: 0 auto;
	border-bottom: 2px dotted #cacbcf;
	position: relative;
}

.my-avatar {
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	margin-top: 29px;
	margin-right: 20px;
	overflow: hidden;
}

.my-avatar img {
	width: 100%;
	height: 100%;
}

.my-info {
	height: 100%;
}

.my-info-detail {
	float: left;
	height: 80px;
	margin-top: 29px;
}

.my-info-detail p {
	margin-top: 10px;
}

.my-name {
	font-size: 16px;
	color: #4b7bea;
	margin-right: 10px;
}

.my-title,
.my-dept {
	color: #666;
}

.login-time {
	color: #999;
}

.info-bottom-cell {
	width: 25%;
	float: left;
	position: relative;
	height: 136px;
	cursor: pointer;
	/*padding-left: 26px;*/
}

.info-bottom-cell:after {
	display: none;
	content: ".";
	width: 100%;
	height: 4px;
	background-color: #22b684;
	position: absolute;
	bottom: 0;
}

.info-bottom-cell:hover::after {
	display: block;
}

.info-bottom-cell-number {
	margin-top: 24px;
	font-size: 42px;
	text-align: center;
	color: #f69c00;
	margin-bottom: 6px;
}

.info-bottom-cell-title {
	color: #333;
	text-indent: 10px;
	position: relative;
	text-align: center;
}

.info-bottom-cell-title i {
	width: 24px;
	height: 28px;
	position: absolute;
	bottom: -4px;
	left: 20px;
}

.icon-daishenhe {
	background: url(../img/main.png) no-repeat 0 4px;
}

.icon-daifenzhen {
	background: url(../img/main.png) no-repeat -38px 4px;
}

.icon-daishuxie {
	background: url(../img/main.png) no-repeat -80px 4px;
}

.icon-daibaogao {
	background: url(../img/main.png) no-repeat -120px 4px;
}

.inner-content h3 {
	padding-top: 20px;
	font-size: 16px;
}

.inner-content h3 span {
	border-left: 4px solid #4b7bea;
	font-weight: 900;
	color: #4b7bea;
	margin-right: 10px;
}

.my-work-state-button-area {
	text-align: center;
}

.my-work-state .inner-content p {
	margin-top: 20px;
	text-align: center;
	color: #97989d;
	margin-bottom: 20px;
}

.no-work {
	margin: 20px auto 10px;
	width: 108px;
	height: 90px;
	background: url(../img/main.png) no-repeat -400px 0px;
}

.no-data {
	text-align: center;
	color: #97989d;
}

.my-work-state-button-area a {
	display: block;
	background-color: #4b7bea;
	color: #fff;
	border-radius: 4px;
	height: 30px;
	line-height: 30px;
	width: 120px;
	text-align: center;
	margin: 0 auto;
}

.my-work-state-button-area a.wait-room {
	background: rgba(79, 107, 203, 0.4);
}

.can-enter {
	background: #4f6bcb;
}

.room-time {
	text-align: center;
	margin-top: 30px;
	font-size: 28px;
	margin-bottom: 30px;
	color: #000;
}

/* 统计 */
.statistics-area {
	width: 100%;
	float: left;
}

.statistics--inner {
	height: 280px;
	padding: 0 20px 20px 20px;
}

.statistics--inner .inner-content {
	padding: 0;
}

.statistics-cell {
	width: 20%;
	float: left;
	text-align: center;
}

.statistics-cell i {
	margin: 30px 0 20px;
	width: 56px;
	height: 56px;
}

.statistics-cell div {
	color: #f69c00;
}

.statistics-cell p {
	margin-bottom: 10px;
	color: #666;
}

.icon-chuangjian {
	background: url(../img/main.png) no-repeat 0 -27px;
}

.icon-shenhe {
	background: url(../img/main.png) no-repeat -80px -27px;
}

.icon-fenzhen {
	background: url(../img/main.png) no-repeat -153px -27px;
}

.icon-shenqing {
	background: url(../img/main.png) no-repeat -233px -27px;
}

.icon-yaoqing {
	background: url(../img/main.png) no-repeat -320px -27px;
}

/* 搜索区域 */
.search-area {
	width: 100%;
	/*min-height: 180px;*/
	height: auto;
}

.search-area span {
	color: #696d78;
}

.search-inner {
	padding: 20px;
	height: 100%;
}

.search-inner .inner-content {
	min-height: 180px;
}

.time-content,
.power-search-inner {
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
}

.time-content .Wdate {
	border: 1px solid #dcdfe6;
	width: 170px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
}

.time-content a {
	margin-left: 10px;
	color: #666666;
}

.time-content a.time-checked {
	color: #f69c00;
}

.time-content a.query-button,
.time-content a.new-button {
	display: inline-block;
	color: #fff;
	background-color: #f69c00;
	border-radius: 4px;
	width: 120px;
	text-align: center;
	height: 32px;
	line-height: 32px;
	margin-left: 10px;
}

.time-content a.new-button {
	background-color: #22b684;
}

.line {
	padding-bottom: 20px;
	position: relative;
	border-bottom: 1px dashed #cacbcf;
}

.power-search {
	cursor: pointer;
	width: 140px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	left: 50%;
	bottom: -10px;
	background: #fff;
	margin-left: -70px;
	text-align: center;
	color: #4b7bea;
	font-size: 12px;
}

.power-search i {
	width: 10px;
	height: 10px;
	background: url(../img/main.png) no-repeat -180px -90px;
}

.power-search-area {
	display: none;
	width: 100%;
}

.power-search-cell {
	float: left;
	width: 33.3%;
}

.power-search-cell span {
	margin-right: 14px;
}

.power-search-cell .chosen-container {
	width: 242px;
}

.power-search-input {
	width: 208px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	border: 1px solid #cacbcf;
}

.search-inner .power-search-inner .inner-content {
	min-height: 120px;
}

.power-search-inner {
	padding-bottom: 20px;
}

.power-search-row {
	margin-top: 20px;
}

.list {
	width: 100%;
}

.list-inner {
	padding: 0 20px;
}

.list-inner .inner-content {
	min-height: 100px;
}

.list-head {
	width: 100%;
	font-weight: 900;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #cacbcf;
}

.list-head span,
.list-head td {
	float: left;
	text-indent: 6px;
	/* 表格类别名称不换行 */
	white-space: nowrap;
}

.data-list,
.list-content {
	display: inline-grid;
	display: -ms-inline-grid;
	display: -moz-inline-grid;
	display: -webkit-inline-grid;
	width: 100%;
}

.list-content .td2 {
	border-left: 1px solid #cacbcf;
	text-indent: 10px;
}

.data-list li,
.list-content tr {
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #e5e5e5;
	color: #666666;
}

.data-list li .first {
	height: 36px;
	line-height: 36px;
	width: 10%;
	border-bottom: 1px solid #FFFFFF;
}

.data-list li:hover,
.list-content tr:hover {
	background-color: #e5e5e5;
}

.data-list li span {
	float: left;
	text-indent: 6px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.data-list li .cell1 {
	box-sizing: border-box;
	padding-right: 8px;
}

.data-list li .cell2 {
	box-sizing: border-box;
	padding-right: 12px;
}

.data-list li span:hover {
	cursor: default;
}

.icon-xiangqing-o,
.icon-shenhe-o,
.icon-jinru-o,
.icon-fenzhen-o,
.icon-bianji-o,
.icon-shuxie-o,
.icon-shenhehuizhen-o,
.icon-shanchu-o,
.icon-chexiao-o,
.icon-lianjie-o {
	width: 22px;
	height: 22px;
	position: relative;
	top: 6px;
	cursor: pointer;
}

.icon-lianjie-o {
	background: url(../img/main.png) no-repeat -494px -120px;
}

.icon-lianjie-o:hover {
	background: url(../img/main.png) no-repeat -494px -90px;
}
.icon-chexiao-o{
	background: url(../img/main.png) no-repeat -415px -160px;
}
.icon-chexiao-o:hover{
	background: url(../img/main.png) no-repeat -415px -185px;
}
.icon-xiangqing-o {
	background: url(../img/main.png) no-repeat -210px -90px;
}

.icon-shanchu-o {
	background: url(../img/main.png) no-repeat -421px -120px;
}

.icon-shenhe-o {
	background: url(../img/main.png) no-repeat -240px -90px;
}

.icon-jinru-o {
	background: url(../img/main.png) no-repeat -270px -90px;
}

.icon-fenzhen-o {
	background: url(../img/main.png) no-repeat -300px -90px;
}

.icon-xiangqing-o:hover {
	background: url(../img/main.png) no-repeat -330px -90px;
}

.icon-bianji-o {
	background: url(../img/main.png) no-repeat -179px -119px;
}

.icon-shuxie-o {
	background: url(../img/main.png) no-repeat -220px -119px;
}

.icon-shenhehuizhen-o {
	background: url(../img/main.png) no-repeat -257px -119px;
}

.icon-bianji-o:hover {
	background: url(../img/main.png) no-repeat -299px -119px;
}

.icon-shuxie-o:hover {
	background: url(../img/main.png) no-repeat -340px -119px;
}

.icon-shenhehuizhen-o:hover {
	background: url(../img/main.png) no-repeat -377px -119px;
}

.icon-shanchu-o:hover {
	background: url(../img/main.png) no-repeat -421px -120px;
}

.icon-shenhe-o:hover {
	background: url(../img/main.png) no-repeat -360px -90px;
}

.icon-jinru-o:hover {
	background: url(../img/main.png) no-repeat -390px -90px;
}

.icon-fenzhen-o:hover {
	background: url(../img/main.png) no-repeat -420px -90px;
}

.eva-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
}

.noEvaluate-icon {
	background: url("../img/main.png") 0 -530px;
}

.evaluated-icon {
	background: url("../img/main.png") -44px -530px;
}

/* 分页 */
.page-area {
	background: #fff;
	height: 48px;
	line-height: 48px;
	text-align: center;
}

.page-icon {
	cursor: pointer;
	/* display: inline-block; */
	padding: 4px 8px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	font-style: normal;
	color: #898989;
}

.page-icon:hover {
	color: #000;
}

.margin-l-10 {
	margin-left: 10px;
}

.page-to {
	color: #8d9dd2;
}

.page-number {
	position: relative;
	top: -2px;
	width: 60px;
	border: 1px solid #cacbcf;
	border-radius: 4px;
	height: 20px;
	line-height: 20px;
}

.page-area a {
	margin-left: 20px;
	padding: 4px 8px;
	border: 1px solid #cacbcf;
	border-radius: 4px;
	font-size: 12px;
	color: #000;
}

/* 详情 */
.big-floor-area {
	margin-top: 40px;
}

.nav-area {
	position: fixed;
	width: 100%;
	background-color: #4b7bea;
	z-index: 9999;
	min-height: 60px;
}

.detail-info-area {
	position: fixed;
	width: 100%;
	z-index: 9999;
	top: 60px;
	min-height: 50px;
	background: #fff;
	box-shadow: 0 7px 20px #cad2ef;
}

.detail-info-area-inner {
	width: 1000px;
	margin: 0 auto;
	line-height: 50px;
}

.detail-info-area-inner span {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	margin-right: 20px;
	color: #696d78;
}

.detail-info-area-inner span i {
	position: relative;
	top: 2px;
	display: inline-block;
	max-width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #2a2f3e;
	font-style: normal;
	height: 14px;
	line-height: 14px;
}

.detail-info-area-inner span.name {
	color: #4b7bea;
	font-weight: 900;
}

.detail-info-area-inner p {
	cursor: pointer;
}

.detail-info-area-inner p span {
	color: #f69c00;
	font-size: 14px;
	margin-right: -20px;
}

.grade-content {
	width: 90%;
	display: flex;
	justify-content: space-between;
}

.grade-text,
.grade-score {
	display: inline-block;
	position: relative;
	top: -4px;
}

.grade-score,
.adjunct-notice {
	color: #F79D01;
}

.grade-start {
	display: inline-block;
	width: 26px;
	height: 26px;
}

.start-light {
	background: url("../img/main.png") -390px -456px;
}

.start-grey {
	background: url("../img/main.png") -416px -456px;
}

/*审核进度条样式修改*/
.remote-progress-bar-area {
	position: relative;
	height: 80px;
	/*display: block;*/
	padding-left: 50px;
	/*width: 600px;*/
}

.progress-bar-area {
	position: relative;
	height: 140px;
	display: none;
}

.progress-bar-line {
	width: 840px;
	position: absolute;
	top: 42px;
	left: 50%;
	margin-left: -420px;
}

.remote-progress-bar-line {
	width: 600px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -250px;
}

.progress-bar-line b,
.remote-progress-bar-line b {
	position: absolute;
	display: inline-block;
	height: 4px;
	top: 0;
}

.progress-bar-line .bar-col1,
.remote-progress-bar-line .bar-col1 {
	width: 62px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.progress-bar-line .bar-col8 {
	width: 62px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.progress-bar-line .bar-col {
	width: 120px;
}

/*审核进度条样式修改结束*/
/*忘记密码进度条样式*/
.icon-progress-bar {
	width: 34px;
	height: 34px;
	position: absolute;
	top: -44px;
	left: 50%;
	margin-left: -17px;
}

.progress-bar-c {
	background: url(../img/main.png) no-repeat -37px -117px;
}

.progress-bar-g-c {
	background: url(../img/main.png) no-repeat 3px -117px;
}

.remote-progress-bar-g-c {
	background: url("../img/icon-list.png") -78px -458px no-repeat;
	top: -38px;
	margin-left: -10px;
}

.remote-progress-bar-c {
	background: url("../img/icon-list.png") -120px -458px no-repeat;
	top: -38px;
	margin-left: -10px;
}

.current-circle p {
	color: #22b684;
}

.icon-time {
	position: relative;
	top: 4px;
	width: 20px;
	height: 20px;
	background: url(../img/main.png) no-repeat -80px -115px;
}

.progress-cell {
	float: left;
	width: 120px;
	text-align: center;
	position: relative;
	top: 72px;
}

.remote-progress-cell {
	float: left;
	width: 155px;
	text-align: center;
	position: relative;
	top: 30px;
	left: 100px;
}

.progress-cell p {
	/*width: 155px;*/
	text-align: center;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	color: #696d78;
}

.progress-cell p.progress-bar-ok {
	color: #22b684;
}

.lift-nav {
	width: 1000px;
	margin: 0 auto;
	height: 60px;
}

.lift-nav ul {
	/* width: 720px; */
	display: table;
	margin: 0 auto;
}

.lift-nav li {
	float: left;
	width: 120px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	color: #c5cceb;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 16px;
}

.lift-nav li.current {
	background: #364c97;
	color: #fff;
}

.detail-area {
	width: 1000px;
	margin: 0 auto;
	padding-top: 120px;
}

.t1,
.t2,
.t3,
.t4,
.t5,
.t6 {
	width: 100%;
}

.floor-title {
	padding-top: 10px;
	padding-bottom: 0;
	color: #4b7bea;
	font-weight: 900;
}

.floor-title span {
	margin-right: 10px;
}

.red-color {
	color: #f00;
}

.deital-label {
	display: inline-block;
	margin-left: 10px;
	text-align: right;
	width: 70px;
	color: #696d78;
	margin-right: 10px;
}

.detail-row {
	margin-top: 20px;
}

.deital-content {
	display: initial;
	color: #2a2f3e;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-height: 1px;
	word-break: break-all;
	overflow: hidden;
}

.deital-content input {
	height: 28px;
	line-height: 28px;
	border-radius: 4px;
	border: 1px solid #cacbcf;
}

.choice-det {
	width: 210px;
	height: 30px;
	border-radius: 4px;
	border-color: #dddddd;
	color: #333333;
	margin-left: 10px;
}

.name-input {
	width: 400px;
}

.input-row1-2 {
	width: 400px;
}

.input-row1-4 {
	width: 150px;
}

.fr {
	float: right;
}

.input-class {
	width: 402px;
	margin-right: 2px;
}

.deital-content .jizhen {
	position: relative;
	top: 4px;
	margin-left: 10px;
}

.deital-content .Wdate {
	border: 1px solid #dcdfe6;
	width: 170px;
	height: 28px;
	line-height: 28px;
	border-radius: 4px;
}

.second-title {
	text-indent: 10px;
	font-weight: 900;
	color: #000;
	margin-bottom: 10px;
	margin-top: 30px;
}

.second-title span {
	color: #f69c00;
	font-weight: 400;
}

.deital-big-content {
	width: 904px;
	min-height: 100px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	float: left;
	position: relative;
}

.deital-big-label {
	float: left;
	margin-left: 10px;
	text-align: right;
	width: 70px;
	color: #696d78;
	margin-right: 10px;
}

.doctor-title-content {
	width: 100%;
	min-height: 140px;
}

.doctor-title {
	font-size: 12px;
	margin: 10px;
	padding: 0px 10px;
	border-radius: 4px;
	border: 1px solid #4b7bea;
	float: left;
	line-height: 28px;
	height: 28px;
	color: #4b7bea;
}

.doctor-title span {
	display: inline-block;
	max-width: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.icon-remove-doctor {
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: relative;
	top: -3px;
	left: 4px;
	background: url(../img/main.png) no-repeat -89px -159px;
}

.add-doctor-button-area {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.detail-base-button {
	display: block;
	color: #fff;
	background-color: #22b684;
	width: 120px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
}

.detail-text-area {
	position: relative;
	word-break: break-all;
	text-align: justify;
}

.detail-text-area textarea {
	padding: 10px;
	width: 902px;
	min-height: 204px;
	border: none;
	resize: none;
}

.detail-text-area p,
.report-list>.report-list-item p {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #cacbcf;
}

/* 患者信息 */
.button-add-patient {
	float: right;
	margin-right: 4px;
}

.t2 .floor-title,
.t4 .second-title {
	height: 30px;
	line-height: 30px;
	padding-bottom: 0;
}

.floor-title a,
.t4 .second-title a {
	font-weight: 400;
}

/* 上传影像模块样式 */

.upload_Tab {
	display: block;
	width: 400px;
	height: 230px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: #FFF;
	border-radius: 4px;
	box-shadow: 1px 2px 8px #999999;
	padding: 15px;
	box-sizing: border-box;
	z-index: 1000;
	overflow: hidden;
}

.upload_Tab h2 {
	font-size: 16px;
	/* line-height: 30px; */
	margin: 0 auto 15px;
}

.upload_Tab i {
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
	cursor: pointer;
	font-size: 20px;
}

.upload_Tab i:hover {
	color: #FFF;
	background-color: #f31f00;
}

.upload_Tab .file_tab {
	width: 100%;
	height: auto;
	border: 1px solid #EEE;
	border-radius: 3px;
	padding: 15px;
	box-sizing: border-box;
}

.upload_Tab .file_tab span {
	padding: 0px 12px;
	cursor: pointer;
	display: inline-block;
	margin: 5px;
	border: 1px solid #CCC;
	border-radius: 2px;
	line-height: 25px;
}

.upload_Tab .file_tab span:hover,
.upload_Tab .file_tab span.active {
	border-color: #007DDB;
}

.upload_Tab .layui-upload {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.upload_List {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	height: 375px;
	margin: auto;
	background-color: #FFF;
	border-radius: 4px;
	box-shadow: 1px 2px 8px #999999;
	box-sizing: border-box;
	z-index: 1000;
	overflow: hidden;
}

.upload_List h2 {
	font-size: 16px;
	line-height: 45px;
	height: 45px;
	text-indent: 1em;
	border-bottom: 1px solid #EEE;
}

.upload_List h2 span {
	color: #FFB951;
	font-size: 12px;
	margin: 0 0 0 10px;
}

.upload_List h2 a {
	float: right;
	margin: 7px 10px;
	text-align: center;
	width: 70px;
	display: block;
	text-indent: 0;
}

.upload_List .list_table {
	display: block;
	overflow: hidden;
	overflow-y: auto;
	height: 330px;
}

.list_table .layui-table tbody .fileName,
.list_table .layui-table tbody .state {
	margin: 6px 0;
}

.list_table .layui-table tbody .fileName .file-icon-picture {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background: url(../css/img/img.png) no-repeat;
}

.list_table .layui-table tbody .fileName .file-icon-zip {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background: url(../css/img/zip.png) no-repeat;
}

.list_table .layui-table tbody .state span {
	font-size: 12px;
}

.list_table .layui-table tbody .fileName .layui-icon,
.list_table .layui-table tbody .state .layui-icon {
	font-size: 28px;
	color: #4e7ee7;
	margin: 10px 10px 0 0;
	vertical-align: bottom;
}

.list_table .layui-table tbody .operate .layui-icon {
	font-size: 20px;
	color: #999;
	margin: 0 10px 0 0;
}

.list_table .layui-table tbody .operate a:last-child .layui-icon {
	font-size: 27px;
	vertical-align: sub;
}

.list_table .layui-table tbody .operate .layui-icon:hover {
	color: #007DDB;
}

.list_table .layui-table[lay-even] tr:nth-child(even) {
	background-color: #f9f9f9;
}

.second-title .activeUpload {
	font-size: 12px;
	margin: 0 15px;
	padding: 0px 10px 0 0;
	line-height: 26px;
	border-radius: 3px;
	border: 1px solid #4e7ee7;
	text-align: center;
}

.second-title .activeUpload i {
    font-size: 26px;
    color: #4e7ee7;
	vertical-align: bottom;
}



/*滚动条的宽度*/
::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
::-webkit-scrollbar-track {
	width: 6px;
	background-color: #CCCCCC;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

/*滚动条的设置*/
::-webkit-scrollbar-thumb {
	background-color: #989898;
	background-clip: padding-box;
	min-height: 28px;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

/*滚动条移上去的背景*/
::-webkit-scrollbar-thumb:hover {
	background-color: #516776;
}






/*  */
.deital-label-row-3 {
	display: inline-block;
	margin-left: 10px;
	text-align: right;
	width: 100px;
	margin-right: 10px;
}

.input-row1-3 {
	width: 203px;
}

.input-row1-3-long {
	width: 234px;
}

.deital-label-row-t2 {
	width: 200px;
	color: #696d78;
	margin-left: 12px;
}

.t2-radio-group {
	display: inline-block;
	width: 150px;
}

.icon-radio {
	cursor: pointer;
	position: relative;
	top: 3px;
	margin-left: 10px;
	margin-right: 6px;
	width: 20px;
	height: 20px;
	background: url(../img/main.png) no-repeat -177px -155px;
}

.radio-check {
	background: url(../img/main.png) no-repeat -149px -155px;
}

.radio-group {
	color: #2a2f3e;
}

.radio-group span {
	cursor: pointer;
}

/* 临床信息 */
.t3 textarea,
.t3 .deital-big-content {
	min-height: 80px;
}

/* 分诊信息 */
.t5-long-label {
	width: 100px;
}

.search {
	width: 386px;
	height: 28px;
	display: inline-block;
}

select {
	border-radius: 6px;
}

.layui-input {
	height: 28px !important;
	border-color: #cacbcf !important;
	border-radius: 4px !important;
}

.layui-form-select dl dd.layui-this {
	top: 36px;
}

/* 病例资料 */
.tabs-list {
	margin-bottom: 10px;
	width: 100%;
}

.tabs-list li {
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	cursor: pointer;
}

li.tabs-current {
	border-bottom: 4px solid #22b684;
}

.detial-tabs-content {
	border-radius: 4px;
	width: 100%;
	border: 1px solid #dcdfe6;
	height: auto;
	display: none;
	border-bottom: none;
}

.detail-list-head {
	height: 30px;
	line-height: 30px;
	width: 100%;
	font-size: 0;
}

.detail-list-head span {
	display: inline-block;
	font-size: 14px;
	text-indent: 10px;
	font-weight: 900;
}

.detail-list-body {
	width: 100%;
	max-height: 210px;
	overflow: auto;
}

.detail-list-body li {
	width: 100%;
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #cacbcf;
}

.detail-list-body li:hover {
	background-color: #e5e5e5;
}

.detail-list-body li span {
	font-size: 12px;
	text-indent: 10px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 34px;
}

.icon-opertion-remove {
	position: relative;
	top: 4px;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(../img/main.png) no-repeat -240px -159px;
}

.icon-opertion-remove:hover {
	background: url(../img/main.png) no-repeat -210px -159px;
}

.file-area {
	width: 100%;
	border: 1px solid #cacbcf;
	border-radius: 4px;
	min-height: 200px;
	margin-bottom: 20px;
}

.file-area h3 {
	font-weight: 400;
	color: #4b7bea;
	padding: 10px;
}

.file-item {
	float: left;
	width: 80px;
	height: 80px;
	position: relative;
	margin: 20px;
}

.file-item img {
	width: 100%;
	height: 100%;
}

.icon-remove-file {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background: url(../img/main.png) no-repeat -119px -159px;
	cursor: pointer;
}

.icon-add-file {
	position: absolute;
	top: 28px;
	right: 28px;
	width: 26px;
	height: 26px;
	background: url(../img/main.png) no-repeat -270px -159px;
	cursor: pointer;
}

.file-add-item {
	border: 1px dashed #4b7bea;
	cursor: pointer;
}

.file-add-item input {
	display: block;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border: 1px dashed #4b7bea;
	cursor: pointer;
}

.botton-buttons-area {
	margin: 40px auto;
	display: table;
}

.botton-buttons-area a {
	width: 150px;
	height: 28px;
	line-height: 28px;
	float: left;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}

.save-button {
	margin-right: 20px;
	background-color: #f69c00;
}

.submit-button {
	margin-right: 20px;
	background-color: #4b7bea;
}

.close-button {
	background-color: #cacbcf;
}

/* 弹出框 */
.choose-patient-box {
	display: none;
}

.choose-patient-box .deital-label {
	width: 60px;
}

.choose-patient-query {
	width: 80px;
	text-align: center;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background-color: #22b684;
	color: #fff;
	border-radius: 4px;
	margin-left: 10px;
}

.input-170 {
	width: 170px;
}

.input-120 {
	width: 120px;
}

.choose-patient-list {
	border: 1px solid #cacbcf;
	border-radius: 4px;
	width: 740px;
	margin: 20px auto 0;
}

.icon-list-checked {
	position: relative;
	top: 6px;
	width: 22px;
	height: 22px;
	background: url(../img/main.png) no-repeat -60px -159px;
}

.list-checked {
	background-color: #e9ebf5;
}

.show-list-info-area {
	width: 740px;
	margin: 0 auto;
	background: #fef8ed;
	height: 100px;
}

.choose-patient-list ul.detail-list-body {
	max-height: 280px;
	overflow-y: auto;
}

.show-list-info-area p {
	height: 32px;
	line-height: 32px;
}

.show-list-info-area p span {
	float: left;
	font-size: 12px;
}

.list-info-label {
	width: 60px;
	text-align: right;
	color: #696d78;
}

.list-info-content {
	width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #2a2f3e;
}

.list-info-content-all {
	width: 600px;
}

.base-buttons-2-area {
	width: 300px;
    height: 40px;
    margin: 10px auto 10px;
}

.base-buttons-2-area a {
	float: left;
	color: #fff;
	width: 140px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
}

.btn-sub {
	background-color: #22b684;
	margin-right: 20px;
}

.btn-esc {
	background-color: #cacbcf;
}

/* 选择专家 */
.choose-doctor-box,
.add-professor- {
	display: none;
}

.choose-doctor-box-inner {
	width: 720px;
	margin: 0 auto;
}

.choose-doctor-box-inner .choose-doctor-box-left {
	width: 260px;
	height: 340px;
	float: left;
}

.choose-doctor-box-inner .choose-doctor-box-right {
	width: 400px;
	height: 340px;
	float: right;
}

.choose-doctor-search-area {
	width: 100%;
	position: relative;
}

.icon-search {
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url(../img/main.png) no-repeat -118px -189px;
}

.choose-doctor-search {
	width: 100%;
	margin: 10px 0;
	border-radius: 15px;
	background: #efefef;
	border: none;
	text-indent: 10px;
	height: 26px;
	line-height: 26px;
}
.choose-doctor-search:focus{
	box-shadow:0px 0 3px 0 #36a6ff inset;
}
.doctor-ztree-content {
	width: 100%;
	max-height: 260px;
	overflow-y: auto;
}

.choose-doctor-box-right h3 {
	padding-top: 6px;
	font-weight: 400;
	color: #000;
}

.choose-doctor-box-right h3 a {
	float: right;
	color: #f69c00;
}

.checked-doctor-list {
	margin-top: 8px;
	width: 100%;
	height: 290px;
	overflow-y: auto;
	border: 1px solid #cacbcf;
}

.checked-doctor-list li {
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
}

.checked-doctor-list li i {
	top: 6px;
}

.checked-doctor-list li:hover {
	background-color: #cacbcf;
}

.checked-doctor-list li span.checked-doc-content {
	display: inline-block;
	width: 340px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.checked-doctor-list li span {
	color: #2a2f3e;
}

.checked-doctor-list li i {
	float: right;
	margin-right: 10px;
}

.checked-doctor-list li span b {
	font-style: normal;
	font-weight: 400;
	color: #696d78;
}

.choose-patient-binli-box .detail-list-head span {
	font-size: 12px;
}

.choose-patient-binli-box .detial-tabs-content {
	min-height: 380px;
	border: none;
}

.choose-patient-binli-box .border-box {
	border-radius: 4px;
	width: 100%;
	border: 1px solid #dcdfe6;
	border-bottom: none;
	margin-top: 20px;
	max-height: 280px;
}

.choose-patient-binli-box .chosen-container {
	position: relative;
	top: -1px;
}

.choose-patient-binli-box .detial-tabs-content ul li {
	font-size: 12px;
}

.choose-patient-binli-box .detial-tabs-content ul li i.icon-check-box {
	position: relative;
	top: 4px;
}

.choose-patient-box-inner {
	margin: 0 auto;
	width: 800px;
	margin-top: 10px;
}

.time-picker {
	margin-left: 12px;
	cursor: pointer;
}

.choose-patient-binli-button {
	width: 100px;
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #22b684;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
}

/* 针对ztree的一些修改 */
.ztree li span.button.ico_open,
.ztree li span.button.ico_docu {
	display: none;
}

.ztree li a.level0 {
	font-size: 14px;
}

.ztree li a:hover {
	color: #4b7bea;
}

/* room */
.room-inner {
	margin-left: 400px;
}

.room-left {
	position: initial;
	width: 400px;
	background: #f5f5f5;
}

.room-cells {
	float: left;
}

.four-cells {
	width: 50%;
	height: calc(50% - 20px);
}

.two-row-cells {
	width: 100%;
	height: calc(50% - 20px);
}

.two-col-cells {
	width: 50%;
	height: calc(100% - 40px);
}

.one-cell {
	width: 100%;
	height: calc(100% - 40px);
}

.none-cell {
	display: none;
}

.room-cells-inner {
	position: relative;
	padding: 10px;
	background: #e9eaeb;
	height: calc(100% - 20px);
}

.room-inner-content {
	background: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/*#cell1{*/
/**/
/*}*/
/*#cell2{*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/
/*#cell3{*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/
/*#cell4{*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/
.inner-head {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #fff;
	color: #898989;
}

.room-left .inner-head {
	background: #7289d5;
}

.inner-head i {
	font-style: normal;
	margin-left: 4px;
}

.inner-head span {
	margin-left: 10px;
	margin-right: 20px;
	font-style: normal;
}

.room-right .inner-head .fr {
	margin-right: 20px;
}

.room-right .inner-head .fr i {
	cursor: pointer;
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
	margin-right: 10px;
}

.icon-layout1 {
	background: url(../img/main.png) no-repeat -180px -190px;
}

.icon-layout2 {
	background: url(../img/main.png) no-repeat -206px -190px;
}

.icon-layout3 {
	background: url(../img/main.png) no-repeat -232px -190px;
}

.icon-layout4 {
	background: url(../img/main.png) no-repeat -258px -190px;
}

/*.room-inner-content {*/
/*position: relative;*/
/*}*/
.room-cells-inner i {
	display: block;
	cursor: pointer;
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	top: 20px;
	left: 20px;
	background: url(../img/main.png) no-repeat -284px -190px;
}

.room-tabs-content {
	background: #fff;
	height: calc(100vh - 150px);
	overflow: auto;
}

.room-tabs-area {
	width: 100%;
}

.room-tabs-area ul {
	width: 348px;
	margin: 0 auto;
	height: 40px;
}

.room-tabs-area ul>li {
	width: 58px;
	text-align: center;
	padding: 0;
	margin-top: 8px;
	height: 32px;
	color: #fff;
	line-height: 32px;
}

.room-tabs-area ul li.tabs-current {
	background: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: none;
	color: #4f6bcb;
}

.room-head {
	width: 100%;
	background-color: #4f6bcb;
	height: 60px;
	line-height: 60px;
}

.room-head h3 {
	font-size: 20px;
	font-weight: 900;
	margin-left: 20px;
	color: #fff;
}

.room-head h3 span {
	font-weight: 400;
	margin-left: 20px;
	font-size: 14px;
	color: #f5f5f5;
}

.room-head h3 span i {
	font-style: normal;
}

.room-list-head {
	width: 100%;
	height: 36px;
	line-height: 36px;
}

.room-list-head span {
	float: left;
	margin: 0;
	text-align: center;
	font-weight: 900;
	color: #000;
}

.room-tabs-area ul.room-list-body {
	width: 100%;
	height: auto;
}

.room-tabs-area ul.room-list-body li {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #cacbcf;
}

.room-list-body li span {
	float: left;
	color: #8d9dd2;
	margin: 0;
}

.room-tabs-content h4 {
	font-weight: 900;
	color: #000;
	text-indent: 20px;
	position: relative;
}

.room-tabs-content h4 .add-adjunct-icon {
	position: absolute;
	right: 0;
	top: 0;
	background: url("../img/main.png") -352px -456px;
}

.room-tabs-content h4 .add-adjunct-icon:hover {
	background: url("../img/main.png") -318px -456px;
}

.file-content {
	min-height: 100px;
}

.file-content img {
	width: 60px;
	height: 60px;
	margin-left: 20px;
	margin-top: 10px;
}

.room-button-area {
	margin-right: 20px;
}

.room-button-area a {
	margin-top: 10px;
	margin-left: 20px;
	display: inline-block;
	width: 80px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	color: #fff;
}

.write-report-btn,
.submit-btn,
.save-btn {
	background-color: #22b684;
}

.sign-btn {
	background-color: #8d9dd2;
}

.wirte-report-textarea {
	border: none;
	width: 100%;
	height: 97%;
	resize: none;
}

.room-tabs-content-row div.row-3cell {
	float: left;
}

.inner-head span.room-tabs-content-label {
	width: 90px;
	text-align: right;
	float: left;
	margin: 0;
}

.inner-head span.room-tabs-content-info {
	color: #000;
	margin: 0;
	float: left;
}

.room-tabs-content-row div.fr {
	float: right;
	margin-right: 128px;
}

.linchuang-info {
	margin-bottom: 10px;
}

.linchuang-info span {
	float: left;
}

.linchuang-info span.room-tabs-content-label {
	width: 90px;
	margin: 0;
	text-align: right;
	line-height: 1.5;
}

.linchuang-info span.room-tabs-content-info {
	width: 280px;
	line-height: 1.5;
}

.temp-btn-area {
	margin: 10px 10px 10px 180px;
}

.template {
	width: 82px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 4px;
	display: inline-block;
	margin-right: 10px;
}

.save-temp {
	border: 1px solid #4E6ACB;
	color: #4E6ACB;
}

.choice-temp {
	background: #4E6ACB;
	color: #ffffff;
}

.choice-temp-pop-inner {
	display: flex;
	height: 420px;
	padding: 20px 40px;
	justify-content: space-between;
}

.temp-pop-left {
	width: 200px;
	height: 400px;
	overflow: auto;
}

.temp-pop-right {
	width: 500px;
	height: 400px;
	overflow: auto;
	padding-right: 10px;
}

.report-list>.report-list-item {
	width: 100%;
	height: 130px;
	background: #ffffff;
	position: relative;
}

.report-top {
	display: flex;
	justify-content: space-between;
}

.report-des-title {
	color: #0AA7F5;
	font-weight: bold;
}

.report-top .report-dele {
	display: inline-block;
	width: 40px;
	margin-right: 0;
}

.dele-icon {
	width: 20px;
	height: 30px;
	background: url("../img/main.png") -280px -496px;
}

.report-dele b {
	color: #999999;
	position: relative;
	bottom: 10px;
	left: 5px;
}

.report-dele:hover .dele-icon {
	background: url("../img/main.png") -307px -496px;
}

.report-dele:hover {
	cursor: pointer;
}

.report-list-item textarea {
	border: none;
	width: 100%;
	height: 68%;
	padding: 0 10px 10px 10px;
}

/* 工具栏 */
.tools-area {
	font-size: 12px;
	position: absolute;
	right: -200px;
	top: 0;
	z-index: 99;
	width: 200px;
	height: 100%;
	background: rgba(10, 25, 49, 0.8);
	color: #8891a2;
}

.tools-area h4 {
	margin-bottom: 20px;
}

.tools-area h4,
.tools-area p {
	color: #fff;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #f5f5f5;
	text-indent: 20px;
}

.tools-area p {
	text-indent: 40px;
	border: none;
	cursor: pointer;
}

.open-tools-area,
.open-left-tools-area {
	cursor: pointer;
	padding: 10px 2px;
	position: absolute;
	top: 220px;
	left: -22px;
	width: 18px;
	color: #fff;
	line-height: 1.5;
	text-align: center;
	border-radius: 6px 0 0 6px;
	background: rgba(10, 25, 49, 0.8);
}

.open-left-tools-area {
	padding: 10px 2px;
	font-size: 12px;
	left: 400px;
	top: 220px;
	border-radius: 0 6px 6px 0;
	z-index: 99;
}

.video-compere {
	width: 90%;
	margin: 10px;
	height: 110px;
	position: relative;
	background: url("../img/vedio-compere.jpg");
}

.video-compere .participant-name,
.video-professor .participant-name,
.magnify-pop-video .participant-name {
	position: absolute;
	left: 5px;
	bottom: 5px;
	height: 24px;
	line-height: 24px;
	padding: 0 5px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: #ffffff;
}

.video-professor-list {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	margin: 10px;
	justify-content: space-between;
}

.video-professor-list .video-professor {
	width: 116px;
	height: 70px;
	position: relative;
	background: url("../img/vedio-professor.jpg");
}

.controls-area {
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 30px;
	left: 0;
}

.layui-layer-page .layui-layer-content {
	overflow: hidden !important;
}

.video-professor-pop-list {
	width: 90%;
	margin: 10px auto;
}

.video-professor-pop-list li {
	width: 116px;
	height: 70px;
	position: relative;
	background: url("../img/vedio-professor.jpg");
	float: left;
	margin-right: 18px;
}

.has-mar-r {
	margin-right: 18px;
}

.non-mar-r {
	margin-right: 0 !important;
}

.voice-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5% !important;
}

.voice-tube-icon,
.mute-icon,
.volume-icon,
.magnify-icon,
.voice-tube-icon-light,
.mute-icon-light,
.shrink-icon,
.add-professor-icon-light {
	position: absolute;
	bottom: 20px;
}

.voice-tube-icon {
	background: url("../img/main.png") 0 -500px;
}

.voice-tube-icon-light {
	background: url("../img/main.png") -25px -500px;
}

.mute-icon {
	background: url("../img/main.png") -52px -500px;
	left: 30px;
}

.mute-icon-light {
	background: url("../img/main.png") -78px -500px;
	left: 30px;
}

.add-professor-icon-light {
	background: #ffffff url("../img/main.png") -240px -492px;
	right: 50px;
}

.add-professor-icon-light:hover {
	background: #DCDCDC url("../img/main.png") -240px -492px;
}

.magnify-icon {
	background: url("../img/main.png") -130px -500px;
	right: 20px;
}

.shrink-icon {
	background: url("../img/main.png") -100px -500px;
	right: 20px;
}

.magnify-pop-video {
	margin: 10px auto;
	width: 90%;
	height: 45vh;
	background: url("../img/magnify.jpg") no-repeat center center;
	background-size: 100%;
	position: relative;
}

.magnify-pop-list {
	width: 130px !important;
	margin-bottom: 10px;
}

.room-tabs-content>.chat-list {
	height: 60%;
	padding: 0 15px;
	width: 270px;
	overflow: auto;
	padding-bottom: 10px;
}

.room-tabs-content .chat-list .chat-recordes {
	margin-bottom: 10px;
	width: 100%;
	text-align: left;
	height: 45px;
}

.chat-recordes h1 {
	color: #2E323F;
	font-weight: 600;
	height: 26px;
	line-height: 26px;
}

.chat-list .chat-recordes .recordes-details {
	height: 20px;
	line-height: 20px;
	color: #888888;
}

.prompt-area {
	height: 230px;
	border-top: 1px solid #999999;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.prompt-area .prompt-textarea {
	width: 100%;
	border: none;
	padding: 8px;
}

.send-button,
.repeal-button,
.reset-button,
.add-pro-button,
.eval-submit {
	position: absolute;
	bottom: 98px;
	right: 10px;
	width: 50px;
	height: 26px;
	line-height: 26px;
	border-radius: 4px;
	background: #22B785;
	color: #ffffff;
	text-align: center;
}

.draw-theme {
	height: 40px;
	background: #F5F5F5;
}

.draw-theme select {
	width: 60px;
	margin-left: 10px;
}

/* 弹出 */
.doc-pop {
	height: 517px;
	overflow-y: auto;
}

.doctor-base-info-left {
	margin-top: 20px;
	margin-right: 20px;
	width: 120px;
	float: left;
}

.doctor-base-info-right {
	margin-top: 20px;
	float: left;
	width: 400px;
}

.avatar img {
	width: 100%;
	height: 100%;
}

.doctor-base-info-right span {
	color: #696d78;
	font-size: 12px;
}

.doctor-base-info-right p {
	margin-bottom: 8px;
}

.doctor-base-info-right span.doctor-base-info-name {
	color: #4b7bea;
	font-size: 14px;
}

.skill-title,
.skill {
	float: left;
}

.skill-title {
	width: 36px;
}

.skill {
	width: 350px;
}

.doc-pop h4 {
	color: #000;
	font-weight: 900;
	text-indent: 40px;
	margin-top: 20px;
}

.doc-detail-info-content {
	margin-left: 40px;
	color: #8d9dd2;
	margin-top: 8px;
}

.adjunct-content {
	padding: 30px;
}

.adjunct-notice {
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}

.adjunct-list {
	width: 100%;
}

.adjunct-list li {
	float: left;
	width: 60px;
	height: 60px;
	margin: 10px;
	background: url("../img/star.png") center;
	position: relative;
}

.adjunct-list li:last-child {
	border: 2px dotted #4F6BCB;
	background: #ffffff;
}

.adjunct-dele-icon {
	position: absolute;
	width: 20px;
	height: 20px;
	right: -8px;
	top: -8px;
	background: url("../img/icon-list.png") -120px -160px;
}

.adjunct-add-icon {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 12px;
	top: 16px;
	background: url("../img/icon-list.png") -270px -160px;
	z-index: 90;
}

/* 等待 */
.wait-area {
	width: 1000px;
	margin: 0 auto;
}

.wait-area h4 {
	margin: 0 auto;
	margin-top: 100px;
	width: 278px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	font-size: 28px;
	color: #2a2f3e;
	background: url(../img/wait-bg.png);
}

.bg-doc {
	margin: 40px auto;
	width: 298px;
	height: 320px;
	background: url(../img/doctor.gif) no-repeat;
	background-position: bottom;
}

.wait-cell {
	width: 149px;
	float: left;
	text-align: center;
	color: #8d9dd2;
}

.wait-cell p {
	font-size: 16px;
}

.wait-time {
	height: 16px;
	line-height: 16px;
	border-right: 1px solid #cacbcf;
	margin-bottom: 18px;
	color: #696d78;
	text-indent: -20px;
}

.wait-doc {
	margin-bottom: 18px;
	height: 16px;
	line-height: 16px;
	color: #696d78;
}

.text-indent-20 {
	text-indent: -20px;
}

.wait-color {
	/* margin-top: 10px; */
	color: #4b7bea;
	font-weight: 900;
}

.wait-text {
	color: #696d78;
	position: relative;
	text-align: center;
	top: -90px;
}

.text-row1-4 {
	width: 160px;
}

.text-row1-2 {
	width: 410px;
}

.text-row1-3 {
	width: 220px;
}

.deital-label-row-3-text {
	width: 104px;
	text-align: right;
	color: #696d78;
}

.detail-area-warp .deital-big-label {
	width: 84px;
}

.text-row1-all {
	width: 88;
	border: none;
	text-align: justify;
}

.none-border {
	border: none;
}

.detail-doctor-title-row .doctor-title-content,
.detail-doctor-title-row .deital-big-content {
	min-height: 0;
}

.detail-doctor-title-row .doctor-title {
	margin: 0 0 10px;
}

.none-min-height {
	min-height: 0;
}

.wd-detail-area {
	width: 1000px;
	margin: 0 auto;
	min-width: 1000px;
	/*padding-top: 70px;*/
}

.wd-detail-area .detial-tabs-content {
	border: none;
}

.wd-detail-area .warp {
	margin-top: 50px;
}

.bg-table-head span {
	margin-right: 100px;
}

.check-failed-box .detail-text-area {
	width: 500px;
	margin: 20px auto;
	border: 1px solid #cacbcf;
}

.check-failed-box .detail-text-area textarea {
	width: 498px;
}

.detail-text-area .dele-temp {
	bottom: -25px;
	color: #1E9FFF;
}

.detail-text-area .dele-temp:hover {
	cursor: pointer;
}

.check-failed {
	margin-top: 20px;
	height: 60px;
	line-height: 60px;
	color: #f69c00;
	font-size: 28px;
}

.icon-failed {
	width: 40px;
	height: 40px;
	background: url(../img/main.png) no-repeat -118px -117px;
	position: relative;
	top: 9px;
	margin-left: 40px;
	margin-right: 20px;
}

.pop {
	display: block;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 4px;
}

.pop p {
	height: 80px;
	line-height: 80px;
	color: #fff;
}

.pop p i {
	position: relative;
	top: 6px;
	margin: 0 10px 0 24px;
	width: 22px;
	height: 22px;
	background: url(../img/main.png) no-repeat -314px -190px;
}

.print-box {
	width: 840px;
	margin: 20px auto;
	background: #fff;
}

.print-info {
	margin: 20px 0;
}

.print-info span {
	float: left;
	/*width: 25%;*/
	/*height: 40px;*/
	line-height: 30px;
	color: #696d78;
}

.print-head span {
	border-bottom: 1px solid #999;
}

.border-top {
	padding-top: 10px;
	border-top: 1px solid #999;
}

.print-info span b {
	font-weight: 400;
	color: #000;
	padding-right: 10px;
}

.print-title {
	margin: 20px 0;
	text-align: center;
	font-weight: 900;
	color: #4b7bea;
	font-size: 24px;
}

.print-warp {
	width: 740px;
	margin: 0 auto;
}

.print-main-title {
	font-size: 20px;
	color: #4b7bea;
	margin-top: 20px;
}

.print-main {
	width: 100%;
	min-height: 200px;
	text-indent: 28px;
	margin-top: 10px;
	font-size: 16px;
	line-height: 2;
	word-break: break-all;
}

.print-warp span.w50 {
	width: 50%;
	float: left;
	height: 30px;
	line-height: 30px;
}

.print-foot {
	color: #696d78;
	font-size: 12px;
	margin-top: 20px;
}

.print-btn {
	width: 100px;
	height: 32px;
	line-height: 32px;
	float: right;
	margin: 20px;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	background-color: #22b684;
}

/* 404 */
.notfound {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	margin-left: -212px;
	margin-top: -130px;
	width: 424px;
	height: 200px;
}

.notfound p {
	color: #666;
	margin-top: 40px;
	margin-bottom: 50px;
}

.notfound-goindex {
	display: inline-block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #4b7bea;
	color: #fff;
	border-radius: 4px;
}

/*音视频弹窗样式*/
.pop .pop-title {
	margin: 30px;
}

/*忘记密码页面样式*/
.forget-content-inner {
	width: 1000px;
	margin: 0 auto;
}

.forget-header {
	height: 60px;
	line-height: 60px;
	width: 80px;
	margin: 0 auto;
}

.progress-bar {
	width: 800px;
	margin: 30px auto;
	border-bottom: 1px solid red;
}

.progress-bar .bar-list {
	display: flex;
	justify-content: space-around;
}

.progress-bar .bar-list li {
	padding-bottom: 15px;
}

.progress-bar .bar-list .current {
	color: #00B83F;
	border-bottom: 3px solid forestgreen;
}

.verity-form-inner {
	width: 300px;
	margin: 0 auto;
}

.verity-form-inner .tel-input {
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.verity-form-inner .code-input {
	width: 60%;
	height: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
}

/*各个统计页面样式 */
.searchArea {
	width: 100%;
	height: auto;
}

.searchArea .search-inner {
	padding: 20px;
	height: 100%;
}

.searchArea .search-inner .inner-content {
	min-height: 130px;
}

.list .data-list li {
	color: #666666;
}

.list .data-list li.last,
.list-content tr.last {
	color: #0ebcd3;
	font-weight: 900;
}

.list-content td {
	text-indent: 6px;
}

.list .export {
	height: 40px;
	line-height: 40px;
	background: #F5F5F5;
	padding: 0 10px;
	display: flex;
	justify-content: space-between;
}

.export-button {
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #4b7bea;
	border-radius: 4px;
	color: #FFFFFF;
	margin-top: 5px;
}

.time-content .space {
	display: inline-block;
	width: 345px;
}

.time-content .time {
	display: inline-block;
	margin-right: 20px;
}

.export-hos,
.query-result {
	color: #666666;
}

.export-hos b {
	color: #f69c00;
}

/*音视频系统弹窗*/
.choice-pop {
	display: none;
}

.pop-box-inner {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}

.pop-box-inner span {
	display: block;
	margin: 25px;
	font-size: 16px;
}

.pop-list {
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
}

.back {
	background: #f69c00;
}

.start {
	background: #4f6bcb;
}

.cancel {
	margin-left: 20px;
}

.base-buttons-area {
	width: 450px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}

.base-buttons-area a {
	color: #fff;
	width: 140px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
}

/*修改密码第一步页面样式*/
.modified-content {
	width: 800px;
	height: 400px;
	background: #FFFFFF;
	position: absolute;
	border-radius: 10px;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -400px;
	z-index: 10;
}

.modified-content .close-icon {
	width: 20px;
	height: 30px;
	background: url("../img/icon-list.png") -150px -180px no-repeat;
	position: relative;
	left: 740px;
	top: -10px;
}

.modified-area {
	margin: 20px;
}

.progress-line {
	width: 600px;
	height: 6px;
	background: #E9EAEB;
	margin: 0 auto;
	border-radius: 4px;
	margin-bottom: 60px;
}

/*.progress-circle{*/
/*width: 400px;*/
/*margin: 0 auto;*/
/*display: flex;*/
/*justify-content: space-between;*/
/*}*/
/*.progress-circle li span{*/
/*display: block;*/
/*width: 20px;*/
/*height: 20px;*/
/*background: url("../img/icon-list.png") -120px -458px no-repeat ;*/
/*margin-top: -7px;*/
/*margin-bottom: 6px;*/
/*}*/
/*.progress-circle p{*/
/*margin-left: -20px;*/
/*}*/
/*.progress-circle .current-circle span{*/
/*background: url("../img/icon-list.png") -78px -458px no-repeat ;*/
/*}*/
/*.current-circle p{*/
/*}*/
.form-list {
	width: 500px;
	margin: 0 auto;
}

.form-content {
	position: relative;
}

.form-item {
	margin-bottom: 30px;
	position: relative;
}

.form-item label {
	color: #666666;
	font-size: 16px;
	margin-right: 20px;
}

.form-item input {
	border: 1px solid #d6d6d6;
	height: 32px;
	line-height: 32px;
	width: 310px;
	text-indent: 10px;
	border-radius: 4px;
	color: #999;
}

.form-item .code-verity {
	width: 180px;
}

.form-item:first-child {
	text-indent: 30px;
}

.form-item img {
	display: inline-block;
	width: 120px;
	height: 32px;
	margin-left: 5px;
}

.form-item .msg-code {
	width: 120px;
	height: 32px;
	line-height: 32px;
	border-radius: 4px;
	background: #f69c00;
	color: #FFFFFF;
	margin-left: 5px;
	text-align: center;
}

.form-item .next,
.form-item .confirm,
.form-item .login {
	width: 300px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 4px;
	background-color: #4b7bea;
	color: #FFFFFF;
	float: right;
	margin-right: 90px;
	box-shadow: 3px 5px 20px rgba(75, 123, 234, 0.4);
}

.form-item .next {
	margin-top: 20px;
}

.form-item .confirm {
	position: relative;
	left: -10px;
}

.error-notice,
.two-password {
	position: absolute;
	color: red;
	left: 106px;
	bottom: -22px;
	z-index: 1000;
}

/*修改密码第二.三页*/
.modified-content .modified-area p.set-success {
	margin-top: 20px;
}

.affirm {
	position: relative;
	left: 14px;
}

.form-item .login {
	width: 150px;
	background-color: #4b7bea;
	position: relative;
	right: 80px;
}

.form-list .row1 {
	width: 200px;
	height: 90px;
	line-height: 90px;
	margin: 20px auto;
}

.success-icon {
	display: inline-block;
	width: 55px;
	height: 80px;
	background: url("../img/main.png") -400px -380px no-repeat;
}

.finish {
	font-size: 22px;
	color: #2E323F;
	position: relative;
	top: -30px;
	left: 10px;
}

.password-notice {
	position: absolute;
	left: 90px;
	bottom: 40px;
	color: #f69c00;
	z-index: 100;
}

/*修改密码样式*/
.resetPassword-area {
	float: right;
	width: 96%;
	height: calc(100vh - 150px);
	background: #FFFFFF;
	margin: 20px;
}

.resetPassword-inner {
	width: 450px;
	margin: 0 auto;
	margin-top: 100px;
	position: relative;
}

.reset-password {
	position: relative;
	left: -16px;
}

.form-item .submit {
	position: relative;
	left: -134px;
}

.notice-info {
	color: #f69c00;
	font-size: 13px;
	position: absolute;
	top: 34px;
	left: 80px;
	z-index: 10;
}

.color-change {
	color: red;
}

.reset-error-notice {
	position: absolute;
	color: red;
	left: 80px;
	top: 160px;
	z-index: 1000;
	font-size: 12px;
}

/*邀请我的会诊页面视频选择弹窗样式*/
.pop-inner {
	width: 600px;
	margin: 20px auto;
	text-align: center;
}

.choice-title {
	font-size: 18px;
	color: #333333;
	margin: 40px auto;
}

.sys-list ul {
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	margin-bottom: 20px;
}

.sys-list .details1 li,
.sys-list .details2 li {
	width: 170px;
	height: 90px;
	text-align: center;
	padding-top: 10px;
}

.sys-list .current-item {
	background: #fef0d9 url("../img/hongshanshu.png") no-repeat center 10px;
}

.sys-list .current-item p {
	color: #01AAED;
}

.sys-list .details2 li {
	width: 200px;
}

.text-info {
	font-size: 16px;
	color: #97989D;
	position: relative;
	top: 50px;
}

.sys-list ul li:hover .text-info {
	color: #01AAED;
}

.item1 {
	background: #FFFFFF url("../img/hongshanshu.png") no-repeat center 10px;
}

.item2 {
	background: #FFFFFF url("../img/baolitong.png") no-repeat center 10px;
}

.item3 {
	background: #FFFFFF url("../img/sike.png") no-repeat center 10px;
}

.item4 {
	background: #FFFFFF url("../img/huawei.png") no-repeat center 10px;
}

.item5 {
	background: #FFFFFF url("../img/zhongxing.png") no-repeat center 10px;
}

.item1:hover {
	background: #fef0d9 url("../img/hongshanshu.png") no-repeat center 10px;
}

.item2:hover {
	background: #fef0d9 url("../img/baolitong.png") no-repeat center 10px;
}

.item3:hover {
	background: #fef0d9 url("../img/sike.png") no-repeat center 10px;
}

.item4:hover {
	background: #fef0d9 url("../img/huawei.png") no-repeat center 10px;
}

.item5:hover {
	background: #fef0d9 url("../img/zhongxing.png") no-repeat center 10px;
}

/*链接弹窗样式*/
.link-inner {
	padding: 30px 60px;
}

.link-inner input {
	width: 450px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #a0a0a0;
	border-radius: 4px;
	text-indent: 10px;
}

.link-inner a {
	display: inline-block;
	width: 80px;
	height: 32px;
	text-align: center;
	color: #FFFFFF;
	line-height: 32px;
	background: #4E6ACB;
	border-radius: 4px;
	margin-left: 20px;
}

/*人类研究特免视频入口图标的样式*/
.change-icon,
.enter-icon,
.cancel-icon,
.add-professor-icon,
.room-tabs-content h4 a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 14px;
	margin-top: 10px;
}

.change-icon {
	background: url("../img/main.png") 0 -450px;
}

.enter-icon {
	background: url("../img/main.png") -40px -450px;
}

.cancel-icon {
	background: url("../img/main.png") -150px -450px;
}

.add-professor-content {
	position: absolute;
	bottom: 10px;
	right: 0;
}

.add-professor-icon {
	background: url("../img/main.png") -280px -464px;
}

.header-wd {
	display: flex;
	justify-content: space-between;
}

/*远程医疗平台新增加的样式*/
/*.icon-check-box{*/
/*margin-right: 4px;*/
/*width: 16px;*/
/*height: 16px;*/
/*background: url(../img/login.png) no-repeat -90px -99px;*/
/*}*/
/*登录和修改密码输入框获得焦点时的样式*/
.login-row input:focus {
	outline: none;
	border-color: #f69c00;
	box-shadow: 0 0 4px rgba(246, 156, 0, 0.4);
}

/*输入框提示文字样式*/
input::-webkit-input-placeholder {
	color: #b2b2b2;
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #b2b2b2;
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #b2b2b2;
}

input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #b2b2b2;
}

textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999999;
}

textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999999;
}

textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999999;
}

textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999999;
}

textarea {
	color: #b2b2b2;
}

/*侧边栏数字样式*/
.left-nav-group-list li {
	display: flex;
	justify-content: space-between;
	align-content: center;
}

.digit {
	color: #f69c00;
	padding-right: 40px;
	height: 50px;
	line-height: 50px;
}

/*消息盒子*/
.info-box {
	width: 250px;
	max-height: 290px;
	background: #FFFFFF;
	position: fixed;
	bottom: 0;
	right: 0;
	border-top: 5px solid #4b7bea;
	box-shadow: #cad2ef -3px 5px 14px;
}

.info-box-inner {
	padding: 10px 20px 0 20px;
	max-height: 245px;
	overflow: auto;
}

.notice-count {
	padding-left: 20px;
	width: 100%;
	position: absolute;
	top: 0;
	color: #999999;
	height: 42px;
	line-height: 42px;
	background: #FFFFFF;
	z-index: 10000;
}

.news-notice {
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #cacbcf;
}

.news-notice:hover span {
	color: #4b7bea;
	cursor: pointer;
}

.chakan {
	width: 100%;
	height: 42px;
	line-height: 42px;
	background-color: #cacbcf;
	color: #4b7bea;
	text-align: right;
	padding-right: 20px;
}

.chakan:hover {
	cursor: pointer;
}

.news-notic span {
	color: #333333;
}

.news-notice-icon {
	width: 20px;
	height: 20px;
	background: url("../img/icon-list1.png") no-repeat -180px -456px;
	padding-right: 10px;
	position: relative;
	top: 4px;
}

/*遮罩层样式*/
.shade,
.room-shade,
.main-shade,
.main-shade {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.shade img,
.room-shade img {
	display: block;
	position: absolute;
	z-index: 1009;
}

.shade .shade-button-notice {
	top: 182px;
	left: 1058px;
}

.room-shade .shade-pic-notice {
	top: 170px;
	left: 20px;
}

.room-shade .shade-list {
	top: 132px;
	left: 0;
}

.room-shade .list-example {
	width: 340px;
	height: 30px;
	line-height: 30px;
	/*border: 2px dashed #FFFFFF;*/
	background: #FFFFFF;
	border-radius: 4px;
	position: absolute;
	top: 144px;
	left: 16px;
	color: #4c4c4c;
}

.room-shade .list-example span {
	display: inline-block;
}

.room-shade .pic-example {
	position: absolute;
	top: 176px;
	left: 28px;
	width: 60px;
	height: 60px;
	background: url("../img/star.png") no-repeat center;
}

/*虚线框样式*/
.room-shade .dotted-box {
	width: calc(50% - 220px);
	height: calc(50% - 90px);
	min-width: 380px;
	min-height: 230px;
	border: 3px dashed #FFFFFF;
	position: absolute;
	top: 110px;
	left: 410px;
}

.dotted-box>img {
	bottom: -110px;
	left: 120px;
}

.M-top-140 {
	margin-top: 140px;
}

.M-top-280 {
	margin-top: 280px;
}

.main-shade {
	display: none;
}

.main-shade img {
	position: absolute;
	top: 33px;
	left: 234px;
}

.room-shade .shade-inner {
	width: 460px;
	height: 290px;
	background: #FFFFFF;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.room-shade .shade-inner .shade-header {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #F8F8F8;
	border-bottom: 1px solid #eeeeee;
	color: #8d9dd2;
	text-indent: 20px;
}

.room-shade .shade-content {
	width: 70%;
	margin: 0 auto;
}

.room-shade .shade-content .shade-notice {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #fef7eb;
	color: #2a2f3e;
	position: relative;
	text-indent: 40px;
	margin-top: 30px;
}

.shade-notice .shade-notice-icon {
	position: absolute;
	top: 10px;
	left: 10px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../img/main.png") -314px -190px no-repeat;
}

.shade-content input {
	width: 100%;
	height: 32px;
	border: 1px solid #a0a0a0;
	border-radius: 4px;
	margin-top: 30px;
	text-indent: 10px;
}

.shade-content a {
	display: block;
	width: 100px;
	margin: 0 auto;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	background: #4E6ACB;
	color: #FFFFFF;
	margin-top: 30px;
}

.layui-this {
	color: #666666;
	background: #ffffff;
}

.layui-this::after {
	border: 1px solid #5e728b;
	border-radius: 3px 3px 0 0;
}

.expert-group-nav p:hover {
	color: #f69c00;
}

/* 会诊意见 */
.ConsultationOpinion{
    background-color: #FFF;
    padding: 10px 0;
}
.ConsultationOpinion .layui-form .layui-form-label{
    width: auto;
    line-height: 30px;
    margin: 6px 0px 0;
	padding: 0 15px;
}
.ConsultationOpinion .layui-form .layui-form-item {
    margin: 0 0;
}
.ConsultationOpinion .layui-form .layui-input-block {
    margin-left: 80px;
}
.ConsultationOpinion .layui-form .layui-form-radio {
	margin:0;
	width: 70px;
	padding-right: 3px;
}
.ConsultationOpinion .layui-form .layui-form-radio>i {
    margin-right:5px;
    font-size: 16px;
}

/* 会诊报告 */
.big-floor-area .layui-tab{
	margin: 10px;
}
.big-floor-area .layui-tab-title{
	border-bottom: 0;
}
.big-floor-area .layui-tab-title li{
	color: #666;
}
.big-floor-area .layui-tab-title .layui-this{
	border-bottom: 0;
}
.big-floor-area .layui-tab-brief>.layui-tab-title .layui-this:after{
	border-bottom: 3px solid #5FB878;
}
.report_info{
	width: 100%;
	margin: 10px 0;
}
.report_info .info_list span{
	display: inline-block;
	width: 30%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.report_info .info_list span label{
	color: #666;
}
.report_info h3{
	font-size: 14px;
	font-weight: bold;
	color: #007DDB;
	line-height: 30px;
	margin: 20px auto 10px;
}
.opinion span{
	color: #666;
	line-height: 25px;
}
.nearby {
	margin: 10px 0;
}
.nearby span{
	display: inline-flex;
	width: 90px;
	height: 90px;
	border: 1px solid #EEE;
	margin: 10px 10px 10px 0;
}
.nearby span img{
	width: 100%;
}
.sign_btn{
	display: block;
	margin: 20px auto;
}
.sign_btn button{
	padding: 0 15px;
}






