*{padding:0;margin:0;border:0;}
body{width:100%;font-family: PingFang-SC-Medium;}
.header{width:100%;min-width:1080px;background-color: #e6e6e6;position:fixed;top:0;left:0;z-index:2000;box-shadow:0 0 6px 2px #f0eaea;}
.header .header_title{width:auto;height:30px;padding:0 50px;display:flex;justify-content:space-between;align-items:center;}
.header .header_title .header_title_phone{font-size:12px;color: #888888;}
.header .header_title_btn ul{height:30px;list-style:none;display:flex;justify-content:space-between;align-items:center;margin:0;color: #888888;font-size:12px;}
.header .header_title_btn ul.complete{height: auto;display: block;}
.header .header_title_btn ul li{line-height:30px;padding:0 10px;margin:0 5px;position:relative;top:0;left:0;font-size:12px;color:#888888;;}
.header .header_title_btn ul li>img{width:20px;height:16px;vertical-align:middle;margin-right:5px;}
.header .header_title_btn ul .active:before{content:"";position:absolute;width:2px;transform:scaleX(0.5);height:13px;background:#666666;top:8px;right:-8px;}
.header_box{width:auto;padding:0 70px 0 50px;height:70px;display:flex;justify-content:space-between;align-items:center;background:white;}

.header_box .header_box_left{width:300px;height:50px;/* background:url(../img/LOGO.png);background-size:100% 100%;background-repeat:no-repeat; */color: #222222;}
.header_box .header_box_left a{width:300px;height:50px;text-decoration:none;color: #222222;display:inline-block;}
.header_box .header_box_left:after{width:53px;height:35px;content:"";background:url(../img/LOGO.png);position:absolute;top:0;left:0;background-size:100%;background-repeat:no-repeat;}
.header_box .header_box_left div:nth-child(1){font-size:20px;}

.header_box .header_box_left{width:300px;height:50px;color: #222222;position:relative;top:0;left:0;padding-left:70px;}
.header_box .header_box_left a{width:300px;height:50px;text-decoration:none;color: #222222;display:inline-block;}
.header_box .header_box_left:after{width:60px;height:40px;content:"";background:url(/jsp/index/img/LOGO.png);position:absolute;top:5px;left:0;background-size:100%;background-repeat:no-repeat;}
.header_box .header_box_left div:nth-child(1){font-size:20px;margin-top:5px;}
.header_box .header_box_left div:nth-child(2){font-size:11px;line-height: 30px;}
.header_box .header_box_right{width:40;min-width:500px;}
.header_box .header_box_right ul{width:100%;display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:16px;}
.header_box .header_box_right .slideMenu{
    background-color: white;
    height: 0px;
    min-height: 0;
    width: 100px;
    z-index: 999;
    /*opacity: 0;*/
    margin-left: -25px;
    top: 40px;
    left: 10px;
    transition: all .5s;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    box-shadow: 0 2px 5px 0 #ccc;
}
.header_box .header_box_right .slideItem{
    height: 31px;
    line-height: 31px;
}
.header_box_right .slideItem:hover a{
    color:#169ef0;
}
.header_box .header_box_right .serviceList{
    position: relative;
    padding: 10px 0;
}
.header_box .header_box_right .serviceList:hover .slideMenu{
    height: auto;
    opacity: 1;
}
/*底部布局*/
.footer{width:100%;height:255px;min-width:1080px;background:url("/jsp/index/img/0526footerBack.png");}
.footer_top{width:100%;height:210px;display:flex;justify-content:space-between;}
.footer_top .footer_left{width:50%;height:210px;display:flex;justify-content:space-around;}
.footer_top .footer_left ul{list-style:none;font-size:12px;color: #e0e0e0;margin-top:10px;}
.footer_top .footer_left ul li{margin:10px 0;font-size:12px;}
.footer_top .footer_left ul li:first-child{font-size: 16px;}
.footer_top .footer_right{height:210px;display:flex;justify-content:flex-end;color: #e0e0e0;font-size:12px;text-align:center;line-height:30px;}
.footer_top .footer_right .footer_right_app,.footer_top .footer_right .footer_right_wx{margin:30px;}
.footer_top .footer_right .footer_right_app img,.footer_top .footer_right .footer_right_wx img{width:120px;height:120px;}
.footer_bottom{width:auto;height:45px;padding:0 70px;display:flex;justify-content:center;align-items:center;color: #e0e0e0;font-size:12px;background-color: #0f0f10;}
/*a标签颜色下划线控制*/
.header .header_title_btn ul a{color: #888888;text-decoration: none;}
.header_box .header_box_right ul a{color: #333333;text-decoration: none;}
.footer_top .footer_left ul li a{color: #e0e0e0;text-decoration: none;font-size:12px;}
.footer_top .footer_right a{color: #e0e0e0;text-decoration: none;font-size:12px;}
.footer_bottom a{text-decoration:none;color:white;margin-left:10px;}
/*鼠标移入出现下划线*/
.header .header_title_btn ul a:hover{text-decoration:none;}
/*.header_box .header_box_right ul a:hover{color:#169ef0;}*/
.header_box .header_box_right ul li:hover>a{color:#169ef0;}
.footer_top .footer_left ul a:hover{text-decoration:underline;}
.footer_top .footer_right a:hover{text-decoration:underline;}


/*页面tab的颜色显示*/
.pages1 .header_box_right .active1{color: #169ef0;}
.pages2 .header_box_right .active2{color: #169ef0;}
.pages3 .header_box_right .active3{color: #169ef0;}
.pages4 .header_box_right .active4{color: #169ef0;}
.pages5 .header_box_right .active5{color: #169ef0;}
.pages6 .header_box_right .active6{color: #169ef0;}
.pages7 .header_box_right .active7{color: #169ef0;}
.pages8 .header_box_right .active8{color: #169ef0;}


/*强制设置弹框的层级eleui*/
.el-message--error{z-index:1000000 !important;}

/*首页移入操作*/
.fl{float: left;}
.fr{float: right;}
.wxApp_box{position:relative;top:0;left:0;}
.wxApp_box .wxApp_active{width:129px;height:140px;border:1px solid #E5E5E5;border-top:none;background:white;position:absolute;top:29px;left:-15px;text-align:center;color: #666666;font-size:14px;}
.wxApp_box .wxApp_active img{width:100px !important;height:100px !important;margin:13px auto 0 !important;}
.wxApp_box_active, .msg_box_active{background-color:white;}
.msg_box{position:relative;top:0;left:0;}
.msg_box .msg_medal{min-width: 12px;position: absolute;top:2px;left:22px;background-color: #f34c28;border-radius: 12px;color: #ffffff;line-height: 12px;font-size: 10px;text-align: center;padding: 2px;z-index: 1;}
.msg_box .msg_active{
	z-index: 1000; 
	width:310px;
	border:1px solid #E5E5E5;
	border-top:none;
	background:white;
	position:absolute;
	top:29px;
	right:0;
	text-align:center;
	color: #666666;
	font-size:12px;
	box-shadow: -1px 1px 15px 0px rgba(168, 168, 168, 0.5);
}
.msg_box .msg_header{
	padding: 0px 20px;
	line-height: 50px;
	border-bottom: 1px solid #e7e7e7;
	position: relative;
	text-indent: 8px;
	text-align: left;
}
.msg_box .msg_header:after{
	content: '';
	border-left: 3px solid #1492ff;
	height: 18px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 18px;
	margin: auto 0;
}
.msg_box .msg_header img {
	vertical-align: middle;
	margin-bottom: 2px;
}
.msg_box .msg_main{
	max-height: 422px;
	overflow-y: scroll;
}
.msg_box .msg_main .msg_item {
	padding: 8px 18px;
	border-bottom: 1px solid #e7e7e7;
	text-align: left;
	overflow: hidden;
}
.msg_box .msg_main .msg_item:hover{
	background: #efefef;
}
.msg_box .msg_main .msg_item:last-child {
	border-bottom: none;
}
.msg_box .msg_main .msg_item--title {
	width: 170px;
	display:block;
  word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
	text-overflow:ellipsis;
	font-weight: bold;
}
.msg_box .msg_main .msg_item--time {
	font-size: 12px;
}
.msg_box .msg_main .msg_item--content {
	width: 100%;
	display:block;
  word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
	text-overflow:ellipsis;
}
.msg_box .msg_foot{
	padding: 0px 20px;
	line-height: 50px;
	border-top: 1px solid #e7e7e7;
	position: relative;
	text-indent: 8px;
	text-align: right;
}
.msg_box .msg_foot>span{
	display: inline-block;
	line-height: 14px;
	color: #1492ff;
	cursor: pointer;
	padding-right: 10px;
}
.center-line{
	padding-left: 10px;
	border-left: 2px solid #888;
	text-indent: 2px;
}

/*在线咨询*/
.online_box{box-sizing: border-box ;width: 40px;height: 80px !important;padding:0 7px;background-color: #d4b988;border-radius: 4px;color: #ffffff;font-size:13px;position:fixed;top:70%;right:0;margin-top:-40px;cursor:pointer;}
.online_box img{width:26px;height:25px;margin:8px auto;}
.online_box a{width:26px;height:100%;color:white;text-decoration:none;display:inline-block;line-height: 16px;font-size:12px;}
/* 进入会议快速入口*/
.meetingEnter{
    cursor: pointer;
    color: #4E9FEE;
    position: relative;
}
/*.QRCode{*/
    /*!*margin-top:20vh;*!*/
/*}*/
.QRCode .el-dialog--center{
    margin-top: 20vh !important;
}
.QRCode .el-dialog--center .el-dialog__body{
    text-align: center;
}
.meetingInfo{
    position: absolute;
    top: 55px;
    right: 270px;
    z-index: 1000;
    padding: 10px 15px;
    border: 1px solid #666;
    background: #fff;
    font-size: 14px;
    text-align: left;
}
.infoItem{
    margin-top: 4px;
}
/*顶部用户提示*/
.user_warning{padding-top:3px;background-color:#f2f2f2;text-align:center;font-size:12px;height: 25px;line-height: 25px;overflow: hidden;top: -3px;position: relative;color: black;}
/* 修改信息模态框 */
#caseEdit .el-dialog{
	width: 650px;
}
#caseEdit .el-dialog__header{
	border-bottom: 1px solid #ccc;
}
#caseEdit .el-form--inline .el-form-item__label{
	width: 70px;
}
#caseEdit .el-form--inline .el-form-item__content{
	width: 200px;
}
#caseEdit .cardNum .el-form-item__content{
	width: 250px;
	margin-left: 22px;
}
#caseEdit .el-button{
	width: 150px;
	line-height: 46px;
	padding: 0px;
	display: inline-block;
}
#caseEdit .handleBtn .el-form-item__content{
	width: 585px;
	display: flex;
	justify-content: space-around;
}
#caseEdit .el-upload__input{
	display: none;
}
#caseEdit .upload-demo{
	width: 500px;
}
#caseEdit .el-upload--text .el-button{
	width: 110px;
	height: 40px;
	line-height: 40px;
	color: #159CEF;
	border: 1px solid #159CEF;
	font-size: 14px;
	background: #fff;
	margin: 50px 0px 50px 76px;
}
#caseEdit .el-upload-list{
	display: none
}
#caseEdit .fileShow{
	width: 486px;
	min-height: 40px; 
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	padding:0px 20px;
}
#caseEdit .fileShow li{
	display: flex;
	justify-content: space-between;
	width: 460px;
	line-height:40px;
	border-bottom: 1px dashed #dcdfe6;
}
#caseEdit .fileShow li:last-child{
	border-bottom: none;
}
#caseEdit .fileShow li i{
	font-style: normal;
}
#caseEdit .fileShow{
	font-style: normal;
}
#caseEdit .downloadDel{
	display: flex;
	justify-content: space-around;
	padding-top: 10px;
}
#caseEdit .downloadDel a{
	width: 30px;
	height: 17px;
	background: url(/static/icon/downLoad.png) 0 0 no-repeat;
	background-size: 17px 17px;
	cursor: pointer;
}
#caseEdit .downloadDel span{
	width: 17px;
	height: 17px;
	background: url(/static/icon/del.png) 0 0 no-repeat;
	background-size: 17px 17px;
	cursor: pointer;
}
/* 修改信息模态框 end*/

/* 弹窗样式 */
.msg-dialog .el-dialog__header{
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
}
.msg-dialog .el-dialog__title{
	text-indent: 20px;
	position: relative;
}
.msg-dialog .el-dialog__title::before {
    content: '';
    display: block;
    width: 4px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 10px;
    background: #1f89e1;
}
.msg-dialog .el-dialog--center .el-dialog__body{
	padding-top: 0px;
}
.msg-dialog .msg-part {
  border-bottom: 1px solid #e7e7e7;
}
.msg-dialog .msg-part:last-child {
  border-bottom: none;
}
.msg-dialog .msg-part > p {
  line-height: 36px;
  overflow: hidden;
}
.msg-dialog .msg-part p > .name {
  width: 84px;
  float: left;
  color: #999999;
}
.msg-dialog .msg-part p > span {
  width: 380px;
  display: inline-block;
}
.msg-dialog .msg-part .title {
  color: #333333;
  line-height: 60px;
}
.msg-dialog .msg-part .title > span {
  font-size: 12px;
  color: #999999;
}
.msg-dialog .msg-part .msg-file {
  margin-top: 20px;
}
.msg-dialog .msg-part .msg-file > span {
  width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.msg-dialog .msg-part .msg-file .msg-file-btn {
  /* margin: 10px; */
  cursor: pointer;
}

.emphasis {
  text-decoration: underline;
  cursor: pointer;
  color: #239aea;
}
/* 音视频检测 */
[v-clock]{
    display: none;
}
.whetherTest.el-message-box{
    width:320px;
    padding-bottom: 30px;
}
.whetherTest .el-message-box__headerbtn{
    top: 9px;
}
.whetherTest .el-button--small, .el-button--small.is-round {
    padding: 9px 15px;
    width: 200px;
    margin-top: 10px;
    height: 40px;
}
.whetherTest .el-message-box__btns button:nth-child(2){
    margin-left: 0px;
}
.whetherTest .el-message-box__btns{
    text-align:center;
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;
}
.whetherTest .confirmTest:hover{
    background-color: #159CEF;
    border-color: #159CEF;
    background-image: linear-gradient(90deg,#25a2ee 0,#1e87e0 100%),linear-gradient(#3774d7,#3774d7);
    background-blend-mode: normal,normal;
}
.whetherTest .cancelTest:hover{
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
}
#dialogTest{
    font-size: 16px;
}
#dialogTest .el-dialog{
    width: 490px;
    min-width: 490px;
}
#dialogTest .el-dialog__header{
    padding: 0px 30px 0px 25px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-indent: 12px;
    border-bottom: 1px solid #dcdcdc;
}
#dialogTest .el-dialog__header::before{
    content: "";
    width: 4px;
    height: 16px;
    display: block;
    background: #197ede;
    border-radius: 2px;
    position: absolute;
    top: 17px;
    left: 25px;
}
#dialogTest .el-dialog__headerbtn .el-dialog__close {
    font-size: 18px;
}
#dialogTest .el-dialog__headerbtn{
	top: 0px;
	height: 50px;
}
#dialogTest .step{
	display: flex;
	justify-content: flex-start;
}
#dialogTest .step li{
	color: #707070;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#dialogTest .step li i{
    width: 40px;
    text-align: center;
}
#dialogTest .step li.actice-step{
    color: #197ede;
}
#dialogTest .is-doing{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    height: 36px;
}
#dialogTest .is-doing span{
    padding: 0px 10px;
    text-align: center;
    color: #197ede;
}
#dialogTest .test-hint{
    font-size: 12px;
    color: #999;
    line-height: 20px;
    text-align: center;
}
#dialogTest .el-dialog__footer{
    text-align: center;
    padding: 0px 10px 40px;
}
#dialogTest .el-button{
    width: 160px;
}
#dialogTest .el-button--default{
    border: 1px solid #159CEF;
    color: #159CEF;
}
#dialogTest .el-button--default:hover{
    background: #fff;
}
#dialogTest .el-button--primary:hover{
    background: #159CEF;
}
#dialogTest .center-circle{
    width: 116px;
    height: 116px;
    border-radius: 50%;
    margin: 30px auto;
    padding: 4px;
    background: url("/jsp/components/quickEntry/img/circle.png") 0 0 no-repeat;
    background-size: 100% 100%;
}
#dialogTest .center-circle .type-icon{
    width: 20px;
    height: 20px;
}
#dialogTest .test-type{
    display: flex;
    justify-content: center;
    align-items: center;
}
#dialogTest .test-type img{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
#dialogTest .center-circle1{
    display: flex;
    justify-content: center;
    align-items: center;

}
#dialogTest .center-circle1 video{
    border-radius: 50%;
}
#dialogTest .center-circle2 img{
    width: 48px;
    height: 51px;
    display: block;
    margin: 30px auto;
}
#dialogTest .center-circle4{
    width: 174px;
    height: 110px;
    background: url("/jsp/components/quickEntry/img/complete.png") 0 0 no-repeat;
    background-size: 100% 100%;
}
#dialogTest .complete li{
    display: flex;
    align-items: center;
    height: 30px;
    padding-left: 90px;
}
#dialogTest .complete img{
    width: 12px;
    height: 12px;
    margin-right: 10px;
}
#dialogTest .complete span{
    width: 80px;
    margin-right: 40px;
}
#dialogTest .check-right{
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #2887e0;
    background: url("/jsp/SuitPerson/img/2.png") right center no-repeat;
    background-size: 10px 10px; 
}
#dialogTest .check-wrong{
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fb4644;
    background: url("/jsp/SuitPerson/img/3.png") right center no-repeat;
    background-size: 10px 10px;
}
#theTwo{
    display: none;
}
#theThree{
    display: none;
}
#theFour{
    display: none;
}
.emptyData{
    text-align: center;
    height: 100%;
    line-height: 200px;
    background-color: #fff;
}
.case-detail ul li.back-img{
    position: absolute;
    top: 3px;
    right: 50px;
    width: 110px;
    height: 94px;
    padding: 0;
}