/* reset */
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5,
	h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}

address, cite, dfn, em, var {
	font-style: normal
}

code, kbd, pre, samp {
	font-family: courier new, courier, monospace
}

small {
	font-size: 12px
}

ol, ul {
	list-style: none
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

legend {
	color: #000
}

fieldset, img {
	border: 0
}

button, input, select, textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

div {
	box-sizing: border-box;
}

.clearfix:after {
	content: ' ';
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	zoom: 1;
}
.fl{
	float: left;
}
.fr{
	float: right;
}

[v-cloak] {
	display: none;
}

body {
	font-size: 14px;
	color: #333;
	background: #f7f7f7;
	font-family: "PingFang-SC-Medium";
}
.redIcon{
	display: inline-block;
	width: 6px;
	height: 6px;
	background: red;
	border-radius: 3px;
	position: relative;
	top: -2px;
}
html,body {
  height: 100%;
}
#app{
	height: 100%;
}
#personal {
	width: 100%;
	max-width: 1980px;
	margin: 0 auto 0;
	padding-top: 125px;
	min-height: calc(100% - 45px) !important;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
}

.menuBg{
	width: 200px;
	margin-right: 20px;
	background-color: #145491;
}
.menuBg .el-menu, .menuBg .el-submenu, .menuBg .el-menu-item{
	width: 200px;
}
/* left */
#personal-title {
	float: left;
	width: 250px;
	background: #fff;
	/*position: fixed;*/
	/*top: 120px;*/
}

.person-img {
	width: 250px;
	margin: 30px auto 20px;
}

.img {
	width: 104px;
	height: 104px;
	margin: 0 auto;
	border-radius: 50%;
}

.img img {
	width: 104px;
	height: 104px;
	border-radius: 50%;
}

.user-name {
	width: 250px;
	margin-bottom: 19px;
	margin-top: 13px;
	font-size: 16px;
	text-align: center;
}

.side-titles {
	width: 220px;
	margin: 0 auto;
	padding: 30px 0;
	border-top: 1px solid #ededed;
}

.side-title {
	text-align: center;
	margin-bottom: 36px;
}

.side-title a {
	text-decoration: none;
	color: #999999;
}

.side-title.active a {
	color: #2194e7;
}

.side-title:hover a {
	color: #2194e7;
}

.title-icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 11px;
	transform: translateY(2px);
}

.personal-icon {
	background: url(/jsp/components/personal/img/personal.png) no-repeat;
}

.active .personal-icon {
	background: url(/jsp/components/personal/img/personal_act.png) no-repeat;
}

.safety-icon {
	background: url(/jsp/components/personal/img/safety.png) no-repeat;
}

.active .safety-icon, .side-title:hover .safety-icon {
	background: url(/jsp/components/personal/img/safety_act.png) no-repeat;
}

.personinfo-icon {
	background: url(/jsp/components/personal/img/personInfo.png) no-repeat;
}

.active .personinfo-icon, .side-title:hover .personinfo-icon {
	background: url(/jsp/components/personal/img/personInfo_act.png);
}

.msg-icon {
	background: url(/jsp/components/personal/img/msg.png) no-repeat;
	background-size: contain;
}

.active .msg-icon, .side-title:hover .msg-icon {
	background: url(/jsp/components/personal/img/msg_act.png) no-repeat;
	background-size: contain;
}

/* right-top */
#personal-content {
	flex: 1;
	overflow: hidden;
}

.personal-process {
	margin-bottom: 10px;
	background: #fff;
}

.notice {
	height: 36px;
	line-height: 36px;
	background: #eaf3f8;
}

.notice-icon {
	display: inline-block;
	width: 17px;
	height: 16px;
	margin: 0 16px;
	transform: translateY(2px);
	background: url(img/notice.png) no-repeat;
}
.quickentry{
	display: flex;
	justify-content: space-between;
}
.quickentry>div {
	float: left;
	/*width: 30%;*/
	flex: 1;
	display: flex;
	justify-content: center;
	margin: 14px 0px;
	padding: 22px 6px 14px;
	border-left: 1px solid #e8f0fc;
}
.quickentry .threeCon{
	float: left;
	color: #169ef0;
}
.quickentry .threeCon li{
	line-height: 28px;
	cursor: pointer;
}
.quickentry>div:first-child {
	border: 0;
}

.process-bg {
	float: left;
	width: 146px;
	height: 85px;
}

.process-one {
	background: url(/jsp/components/personal//img/one.png) no-repeat;
	background-size: 100%;
}

.process-two {
	background: url(/jsp/components/personal//img/two.png) no-repeat;
	background-size: 100%;
}

.process-three {
	background: url(/jsp/components/personal//img/three.png) no-repeat;
	background-size: 100%;
}

.process-btn {
	position: relative;
	float: right;
	margin-top: 20px;
	width: 118px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	border-radius: 4px;
	color: #239aea;
	cursor: pointer;
	border: 1px solid #2193e6;
}

.caseCountTip{
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	color: #fd675f;
}
.caseCountTip i{
	color: #2193e6;
	font-style: normal;
}

.active .process-btn {
	color: #fff;
	background-image: linear-gradient(90deg, #25a2ee 0%, #1e87e0 100%),
		linear-gradient(#3774d7, #3774d7);
	background-blend-mode: normal, normal;
	box-shadow: 1px 2px 15px 0px rgba(10, 91, 154, 0.27);
}

.process-btn:hover{
	color: #fff;
	background-image: linear-gradient(90deg, #25a2ee 0%, #1e87e0 100%),
		linear-gradient(#3774d7, #3774d7);
	background-blend-mode: normal, normal;
	box-shadow: 1px 2px 15px 0px rgba(10, 91, 154, 0.27);
}
.process-btn:hover a{
	color: #fff;
	text-decoration: none;
}

/* rigth-bottom */
.tabs {
	height: 56px;
	line-height: 56px;
	padding-left: 20px;
	margin-bottom: 2px;
	background: #fff;
}

.tabs .tab {
	float: left;
	min-width: 48px;
	text-align: center;
	margin-right: 30px;
	margin-top: -3px;
	border-bottom: 3px solid #fff;
	cursor: pointer;
}

.tabs .tab.active {
	border-color: #249fec;
}

.tabs .tab a {
	display: block;
	color: #249fec;
	texSt-decoration: none;
}
.judicial-type{
	height: 40px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding-top: 15px;
}
.judicial-type ul{
	display: flex;
}
.judicial-type ul li{
	margin-right: 10px;
	height: 30px;
    line-height: 30px;
    padding: 0px 5px;
    border-radius: 3px;
	cursor: pointer;
}
.judicial-type li.active {
	background: #249fec;
	color: #fff;
}

.search {
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	margin-top: 6px;
}

.search button {
	background-image: url(img/search.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color: white;
	float: left;
	width: 15%;
	border: none;
}

.search input {
	line-height:40px;
	float: left;
	width: 85%;
	padding-left:2%;
	border: none !important;
}
.center-search{
	margin-top: 6px;
	margin-right: 30px;
}
.case-status{
	width: 100px;
	height: 40px;
	margin-top: 6px;
	margin-right: 30px;
	background-color: #fff;
    background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.center-search div{
	width: 260px;
	position: relative;
	margin-right: 10px;
}
.center-search div .searchIcon{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	height: 40px;
	background: url(img/search.png) center center no-repeat;
	cursor: pointer;
}
.center-search button{
	width: 80px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.center-search input{
	position: absolute;
	top: 0px;
	left: 1px;
	width: 260px;
	height: 40px;
	box-shadow: none;
	padding-left: 40px;
	padding-right: 30px;
}
.center-search .initSearchIcon{
	position: absolute;
	right: 8px;
	top: 13px;
	font-size: 16px;
	color: #ccc;
	cursor: pointer;
}
.date-search{
	margin-right: 30px;
}
.date-ipt{
	width: 120px;
	height: 28px;
	color: #989898;
	outline: none;
	background: #ececec;
	text-align: center;
	border-radius: 4px;
	line-height: 28px;
}
.date-btn{
	width: 62px;
	height: 28px;
	background: #1a7ec9;
	color: #ffffff;
	line-height: 28px;
	text-align: center;
	border: none;
	border-radius: 4px;
	margin-left: 10px;
	outline: none;
}
input::-ms-clear{
	display: none;
}
.new-massage {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 4px;
	background: #fd675f;
	border-radius: 3px;
	transform: translateY(-2px);
}

/* .tab-content {
	overflow: hidden;
	min-height: 300px;
	z-index: -1;
} */
#tab-content{
	overflow-y: scroll;
	background-color: #fff;
}
/* tab公用 */
.cycle-icon {
	position: relative;
	width: 20px;
	height: 20px;
}

.cycle-icon.done .cycle-outer {
	border-color: #25a1ee;
}

.cycle-outer {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #c1c1c1;
	border-radius: 50%;
}

.cycle-icon.done .cycle-inner {
	background: #25a1ee;
}

.cycle-inner {
	display: block;
	position: absolute;
	left: 4px;
	top: 4px;
	width: 12px;
	height: 12px;
	background: #c1c1c1;
	border-radius: 50%;
}

.line-icon{
	width: 210px;
	transform: translateY(10px);
	border-bottom: 1px solid #d7e7f0;
}

.judicial-process  .line-icon{
	width: 310px;
}
.judicial-process  .line-icon2{
	width: 210px;
	transform: translateY(10px);
	border-bottom: 1px solid #d7e7f0;
}
.line-icon-long {
	width: 316px;
	transform: translateY(10px);
	border-bottom: 1px solid #d7e7f0;
}

.process{
	width: 720px;
	margin: 0 auto;
	padding: 50px 0 90px;
}

.process ul li {
	float: left;
	position: relative;
}

.done+.process-tips {
	color: #249eec;
}

.process-tips {
	position: absolute;
	width: 65px;
	left: -23px;
	margin-top: 16px;
	text-align: center;
}

.case-name {
	margin: 30px 0 21px;
	position: relative;
}

.case-name:after {
	content: '';
	display: block;
	width: 4px;
	height: 16px;
	background-color: #2191e5;
	position: absolute;
	left: 0;
	top: 4px;
	border-radius: 2px;
}

.case-name span {
	padding-left: 15px;
	font-size: 16px;
}

.case-name-je {
	display: flex;
	margin: 30px 0 21px;
	line-height: 16px;
}
.case-name-je div:first-child{
	margin-right: 10px;
}
.case-name-je .case-jian{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #FFAB48;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
.case-name-je::before {
	content: '';
	display: block;
	width: 4px;
	height: 16px;
	background-color: #2191e5;
	margin-right: 5px;
}

.list-item {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 0 28px;
	background: #fff;
}

/* 咨询  */
.case-detail {
	border-bottom: 1px solid #ededed;
	position: relative;
}

.case-detail ul li{
	width: 41%;
	height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 21px;
	float: left;
	margin-bottom: 21px;
}
.case-do{
	padding-left: 21px;
}
.case-time {
	float: left;
	margin: 16px 0;
	color: #999;
	position: relative;
}
.case-time .infoIcon{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(/jsp/components/personal/img/infoIcon.png) no-repeat;
	background-size: 100%;
	position: relative;
	top: 3px;
	cursor: pointer;
}
.case-time .infoIcon:hover .infoText{
	display: block;
}
.case-time .infoText{
	width: 220px;
	height: 60px;
	box-shadow: 0px 0px 8px 0px ;
	position: absolute;
	padding: 10px;
	top: -70px;
	left: -95px;
	border-radius: 3px;
	background: #fff;
	display: none;
}
.case-time .infoText em{
	display:block;
	border-width: 7px;
	position: absolute;
	bottom: -14px;
	left: 95px;
	border-style: solid dashed dashed;
	border-color: rgba(136, 136, 136, 0.27) transparent transparent;
	font-size: 0;
	line-height: 0;
}

.case-detail .case-lable{
	position: absolute;
	top: 50%;
	transform: translateY(-80%);
	right: 60px;
}
.case-detail .case-lable img{
	display: block;
	width: 115px;
	height: 92px;
}

.btn-group {
	float: right;
	margin-top: 12px;
	margin-bottom: 10px;
}
.el-tabs__header{
	background-color: #fff;
}
.btn-group a {
	display: inline-block;
	text-decoration: none;
	height: 32px;
	padding: 0 18px;
	margin-right: 10px;
	line-height: 32px;
	text-align: center;
	color: #249fed;
	border: 1px solid #249fed;
	border-radius: 4px;
}

.btn-group .MsgIcon {
	position: relative;
}

.btn-group .MsgIcon .Rednotice {
	display: inline-block;
	width: 16px;
	height: 15px;
	line-height: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 15px;
	background: #f00;
	position: absolute;
	right: -5px;
	top: -8px;
	font-size: 10px;
	color: #fff;
}

.btn-group a:hover {
	color: #fff;
	background-image: linear-gradient(90deg, #25a2ee 0%, #1e87e0 100%),
		linear-gradient(#24a0ed, #24a0ed);
	box-shadow: 1px 2px 15px 0px rgba(10, 91, 154, 0.27);
}
/* empty */
.process-guide {
	overflow: hidden;
	padding-bottom: 90px;
	background: #fff;
}

.process-guide ul {
	height: 52px;
	text-align: center;
	margin: 98px auto 50px;
}

.process-guide ul li {
	display: inline-block;
}

.short-box {
	width: 92px;
	height: 52px;
	padding-left: 4px;
	line-height: 52px;
	text-align: center;
	color: #666;
	background: url(/jsp/components/personal/img/box_4.png) no-repeat;
	background-size: contain;
}

.long-box {
	width: 105px;
	height: 52px;
	padding-left: 4px;
	line-height: 52px;
	text-align: center;
	color: #666;
	background: url(/jsp/components/personal/img/box_6.png) no-repeat;
	background-size: contain;
}

.right-arrow {
	width: 11px;
	height: 17px;
	margin: 15px 20px 0 22px;
	background: url(/jsp/components/personal/img/right_arrow.png) no-repeat;
}

.start-process a {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	background-image: linear-gradient(90deg, #25a2ee 0%, #1e87e0 100%),
		linear-gradient(#3774d7, #3774d7);
	background-blend-mode: normal, normal;
	box-shadow: 1px 2px 15px 0px rgba(10, 91, 154, 0.27);
}

.evaluate-disabled {
	opacity: .5;
	cursor: not-allowed;
}
/* 评估模态框 */
.modal-body {
	font-size: 12px;
}

h4.modal-title {
	font-size: 18px;
}

.caseStatusHead {
	color: #969494;
	font-size: 16px;
	line-height: 25px;
}

.caseStatusList {
	margin-top: 15px;
}

.caseStatusList .caseTime {
	color: #a9a9a9;
}

.caseStatusList .caseActive .caseTime {
	color: #1492ff;
}

.caseStatusTitle {
	margin-left: 6px;
}

.caseStatusName {
	min-height: 50px;
	padding-top: 6px;
	border-left: 1px solid #c9c7c7;
	padding-left: 15px;
	margin-left: 12px;
	line-height: 24px;
}

.caseTime {
	padding-left: 8px;
}

.caseStatusActive {
	display: inline-block;
	margin-bottom: -2px;
	width: 14px;
	height: 14px;
	background: url(/jsp/components/personal//img/statusSelected.png);
	background-size: contain;
}

.caseStatusActiveN {
	display: inline-block;
	margin-bottom: -2px;
	width: 14px;
	height: 14px;
	background: url(/jsp/components/personal//img/statusSelectedNot.png);
	background-size: contain;
}

.modal-footer button {
	color: #fff;
	background-image: linear-gradient(90deg, #25a2ee 0%, #1e87e0 100%),
		linear-gradient(#24a0ed, #24a0ed);
	border: 0;
}
.checkReason{
	color: #1d74c1;
	margin-left: 10px;
}
.reasonBody{
	font-size: 16px;
	padding: 20px;
	min-height: 180px;
}

/* footer */
#app .footer {
	height: 45px;
	position: fixed;
	bottom: 0;
	left: 0;
}

#app .footer_top {
	display: none;
}
/* modal */
.modal-backdrop {
	z-index: 10400;
}
#mediate, #lawsuit, #judicial{
	background: #f7f7f7;
    padding-bottom: 30px;
	box-sizing: border-box;
	min-height: 200px;
}
/* #mediate, #lawsuit, #judicial{
	min-height: 500px;
	background-color: #fff;
	margin-bottom: 70px;
	padding-bottom: 30px;
} */
.modal {
	z-index: 10500;
}
/* layer */
.layui-layer {
	width: 360px;
	min-height: 210px;
	border-radius: 4px;
}

.layui-layer-title {
	position: relative;
	background-color: #fff !important;
	border-color: #eee;
}

.layui-layer-title:after {
	content: '';
	width: 3px;
	height: 16px;
	background-color: #208FE4;
	position: absolute;
	border-radius: 1px;
	left: 13px;
	top: 13px;
}

.layui-layer-dialog .layui-layer-content {
	text-align: center;
	margin: 24px 0 15px;
}

.layui-layer-btn {
	text-align: center !important;
}

.layui-layer-btn0 {
	background-image: linear-gradient(90deg, #25a2ee 0%, #1e87e0 100%),
		linear-gradient(#3774d7, #3774d7);
	border-radius: 4px;
}
/*修改密码弹框*/
.dialog_head_main{background:rgba(120,120,120,.6);position:fixed;width:100%;height:100%;z-index:2100;top: 0;display:none}
.dialog_head{opacity:1;position:fixed;width:400px;border-radius:2px;left:calc(50vw - 200px);top:calc(50vh - 134px);z-index:9999;background:#fff;}
.dialog_head_title{height:45px;line-height:45px;text-align:center;color:#373737;border-bottom:1px solid #eee;font-weight:bold;}
.closeDialog{float:right;margin-right:10px;width:20px;height:20px;cursor:pointer;}
.dialog_head_context{padding:50px 40px;}
.dialog_head_foot{display:flex;align-items:center;padding:15px 0;border-top:1px solid #eee;height:60px;box-sizing: border-box}
.dialog_head_cancel,.dialog_head_modify{width:100px;height:30px;text-align:center;border-radius:2px;font-weight: bold;cursor: pointer}
.dialog_head_foot div{height:30px;line-height: 30px;}
.dialog_head_noShow{margin: 0 20px;cursor: pointer;color:#666;}
.dialog_head_cancel{color:#1066C8;border:1px solid #1066C8;background:#fff;margin-left: 50px;}
.dialog_head_modify{color:#fff;border:1px solid #1066C8;background:#1066C8;margin-left: 20px;}

.delayConfirm{
	display: inline-block;
	text-decoration: none;
	height: 32px;
	padding: 0 18px;
	margin-right: 10px;
	line-height: 32px;
	text-align: center;
	color: #249fed;
	border: 1px solid #249fed;
	border-radius: 4px;
	margin-top: 10px;
	margin-left: 20px;
	cursor: pointer;
}
.applyDelay{
	background-color: #0e70b7;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	height: 30px;
	padding: 5px;
	margin-right: 20px;
}
.applyDelayHead{
	color: #969494;
	font-size: 14px;
	line-height: 25px;
}
.delayReason{
	color: #666;
	margin-top: 28px;
	margin-bottom: 10px;
}
.delayReasonDetail{
	width: 100%;
	height: 150px;
	background-color: #f8f8f8;
	border-radius: 2px;
	padding: 20px;
	resize: none;
}
.applyDelayCancel,.applyDelayConfirm{
	width: 150px;
	height: 35px;
	border:1px solid #1066C8;
}
.applyDelayCancel{
	color:#1066C8;
	background:#fff;
	margin-left: 100px;
}
.applyDelayConfirm{
	color:#fff;
	/*border:1px solid #1066C8;*/
	background:#1066C8;
	margin-left: 70px;
}
.applyDelayFoot{
	display:flex;
	align-items:center;
	/*justify-content: space-between;*/
	margin-bottom: 20px;
}
.caseEndTime{
	display: inline-block;
	color: #337ab7;
	font-weight:400;
}
.comfirmList{
	display: flex;
	justify-content: space-around;
	margin-top: 16px;
	flex-wrap: wrap;
}
.memberItem{
	display: flex;
	align-items: center;
}
.memberItem .memberCheckbox{
	margin-left: 10px;
	margin-right: 3px;
	margin-top: 0;
	width: 16px;
	height: 16px;
	border-radius: 2px;
}
/* 延期连带责任人 */
.applyDelayCheck{
	display: flex;
	padding: 0 30px;
	margin-bottom: 20px;
}
.applyDelayCheck label{
	font-weight: 500;
}
.applyDelayCheck .checkItem{
	margin-right: 20px;
}
/* 异步调解未读消息列表 */
.dialogMessage .el-dialog__header{
	padding: 0px;
}
.dialogMessage .el-dialog__title{
	padding: 0px;
	line-height: 50px;
	font-size: 16px;
	position: relative;
	display: block;
	border-bottom: 1px solid #dcdcdc;
	text-indent: 30px;
}
.dialogMessage .el-dialog__title::before{
	content: '';
	width: 4px;
	height: 16px;
	display: block;
	background: #2191e5;
	position: absolute;
	top: 17px;
	left: 20px;
	border-radius: 2px;

}
.dialogMessage .el-dialog__headerbtn{
	top: 14px;
	right: 20px;
	font-size: 18px;
}
.dialogMessage .msg-list{
	border: 1px solid #eaeaea;
	border-radius: 6px;
	margin-bottom: 15px;
	cursor: pointer;
}
.dialogMessage .msg-top{
	border-bottom: 1px solid #eaeaea;
	background: #fbfbfb;
	color: #999;
	display: flex;
	justify-content: space-between;
	line-height: 40px;
	padding: 0px 15px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.dialogMessage .msg-top span{
	color: #333;
}
.dialogMessage .con-left{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #2191e5;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	position: relative;
	margin-right: 16px;
}
.dialogMessage .con-left .red-tips{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fb3937;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	top: -1px;
	right: -7px;
}
.dialogMessage .msg-con{
	padding: 12px 16px;
}
.dialogMessage .con-center .msg-person{
	font-size: 14px;
	color: #333;
	line-height: 24px;
}
.dialogMessage .con-center .msg-detail{
	font-size: 12px;
	color: #999;
	line-height: 24px;
}
.dialogMessage .con-right{
	font-size: 12px;
	color: #999;
	line-height: 24px;
}
.dialogMessage .el-pagination{
	text-align: center;
}
.dialogMessage .el-pager li{
	width: 26px;
	height: 26px;
	line-height: 24px;
	min-width: 26px;
	padding: 0px;
	border: 1px solid #e7e7e7;
	margin-right: 10px;
	color: #999;
	border-radius: 2px;
}
.dialogMessage .el-pager li.active{
	border: 1px solid #2191e5;
	background: #2191e5;
	color: #fff;
}
.dialogMessage .el-pager li.active+li{
	border: 1px solid #e7e7e7;
}
.dialogMessage .el-pager li:last-child{
	margin-right: 0px;
}
.dialogMessage .el-pagination span:not([class*=suffix]){
	width: 60px;
	border: 1px solid #e7e7e7;
	color: #999;
	border-radius: 2px;
	height: 26px;
	line-height: 24px;
}
.dialogMessage .el-pagination button:disabled span{
	color: #c0c4cc;
}
.el-pagination{
	text-align: center;
}
.talkModelBigBox {
	width: 100%;
}
.talkModelBigBox .talkContent{
	width: 100%;
	background: #fff;
	border-radius: 3px;
	padding-bottom: 15px;
}
.talkModelBigBox .magic-checkbox{
	color: #338fd5;
	cursor: pointer;
	margin-bottom: 20px;
}
.el-tabs__nav-scroll{
	padding-left: 20px;
}
.el-tabs__nav-wrap::after{
	background-color: #fff;
}
/* step */
.el-pagination{
	text-align: center;
}
.process-new{
	width: 830px;
	margin: 0 auto;
	padding: 13px 0 90px;
}
.cycle-inner {
	display: block;
	position: absolute;
	left: 4px;
	top: 4px;
	width: 12px;
	height: 12px;
	background: #c1c1c1;
	border-radius: 50%;
}
.el-step__title{
	font-size: 14px;
}
.el-step__icon{
	width: 20px;
	height: 20px;
	z-index: 0;
}
.el-step__icon.is-text{
	border: 1px solid;
}
.el-step__icon .cycle-inner{
	top: 3px;
	left: 3px;
}
.active-inner{
	background: #25a1ee;
}
.el-step.is-horizontal .el-step__line{
	height: 1px;
}
.el-step__head.is-process{
	color: #409EFF;
    border-color: #409EFF;
}
.el-step__title.is-process {
    color: #409EFF;
	font-weight: normal;
}
.el-step__line{
	background-color: #d7e7f0 !important;
}
.el-step__line-inner{
	border-width: 1px 0 0 !important;
	border-color: #d7e7f0 !important;
}
.el-message-box__wrapper{
	z-index: 20000 !important;
}
/* step end */