// 变量
$color-white:#FFF !default;
$color-gray-100:#F3F3F3 !default;
$color-gray-200:#F2F6FC !default;
$color-gray-300:#EBEEF5 !default;
$color-gray-400:#E4E7ED !default;
$color-gray-500:#DCDFE6 !default;
$color-gray-600:#C0C4CC !default;
$color-gray-700:#999 !default;
$color-gray-800:#666 !default;
$color-gray-900:#333 !default;
$color-black:#000 !default;
$color-primary:#EC2944 !default;
$color-gradient:#F87767 !default;
// 全局样式
*, *::before, *::after{
	box-sizing:border-box;
}
*:not(input, textarea){
	-webkit-touch-callout:none;
	//-webkit-user-select:none;
}
html{
	height:100%;
	font-family:sans-serif;
	-ms-overflow-style:scrollbar;
	-webkit-tap-highlight-color:rgba($color-black, 0);
}
body{
	height:100%;
	margin:0;
	padding:0;
	background:#FAFAFA;
	font-family:Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
	font-size:14px;
	color:$color-gray-800;
	-webkit-font-smoothing:antialiased;
}
img{
	display:block;
	max-width:100%;
	max-height:100%;
}
ul, ol{
	margin:0;
	padding:0;
	list-style:none;
}
h1, h2, h3, h4, h5, h6{
	margin:0;
}
table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
#app{
	min-width:1340px;
	height:100%;
}
// 登录页样式
.s-login{
	&-header{
		display:flex;
		align-items:flex-end;
		height:65px;
		padding-left:35px;
		&__logo{
			width:440px;
		}
	}
	&-footer{
		display:flex;
		justify-content:center;
		font-size:12px;
		color:$color-gray-700;
		&--posa{
			position:absolute;
			right:40px;
			bottom:30px;
		}
		&__list{
			display:flex;
		}
		&__item{
			display:flex;
			align-items:center;
			padding:0 16px;
			position:relative;
			&::before{
				content:"";
				width:1px;
				height:14px;
				background:$color-gray-500;
				position:absolute;
				top:50%;
				left:0;
				margin-top:-7px;
			}
			&:first-child{
				padding-left:0;
				&::before{
					display:none;
				}
			}
			&:last-child{
				padding-right:0;
			}
		}
		&__icon{
			margin-right:5px;
		}
		.el-link{
			font-size:12px;
		}
	}
	&-body{
		display:flex;
		justify-content:flex-end;
		align-items:center;
		height:100%;
		padding-right:6%;
		background:$color-white url("../images/bg_login.png") no-repeat left;
		background-size:auto 100%;
		position:relative;
		&__content{
			width:27%;
		}
		&__title-a{
			margin-bottom:6px;
			font-size:26px;
			font-weight:300;
			color:$color-gray-900;
		}
		&__title-b{
			margin-bottom:30px;
			font-size:38px;
			font-weight:bold;
			color:$color-gray-900;
		}
		&__input{
			.el-input-group{
				box-shadow:0 2px 6px 0 rgba($color-black, .07);
			}
			.el-input-group__prepend{
				width:50px;
				height:50px;
				padding:0;
				background-color:darken($color-gray-100, 5%);
				border-radius:0;
				img{
					margin:0 auto;
				}
			}
			.el-input__inner{
				height:50px;
				background-color:lighten($color-gray-100, 1%);
				border-radius:0;
			}
			& + &{
				margin-top:15px;
			}
		}
		&__btn{
			margin-top:45px;
			.el-button--primary{
				width:100%;
				height:50px;
				background:linear-gradient(90deg, rgba($color-gradient, 1) 0%, rgba($color-primary, 1) 100%);
				border:none;
				box-shadow:0 2px 7px 0 rgba($color-primary, 0.26);
				font-size:17px;
				&:active{
					opacity:.8;
				}
			}
		}
		&__query{
			display:flex;
			justify-content:center;
			margin-top:20px;
		}
		&--new{
			display:block;
			height:500px;
			padding:90px 0 0 65px;
			background:url("../images/bg_new_login_img.png") no-repeat right 25px center;
			background-size:auto 100%;
		}
		&--new &__content{
			width:320px;
		}
		&--new &__title-a{
			font-size:16px;
			font-weight:400;
		}
		&--new &__title-b{
			font-size:24px;
		}
		&--new &__btn{
			margin-top:30px;
		}
	}
}
// 入职登录页样式
.s-new-login{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	background:url("../images/bg_new_login.png") no-repeat center;
	background-size:auto 100%;
	&__body{
		width:1200px;
	}
	&__content{
		height:600px;
		margin-bottom:55px;
		background:$color-white;
		border-radius:13px;
		box-shadow:0 2px 14px 0 rgba($color-black, .08);
		position:relative;
		&::before{
			content:"";
			width:1200px;
			height:600px;
			background:rgba($color-white, .7);
			border-radius:11px;
			box-shadow:0 2px 14px 0 rgba($color-black, .04);
			position:absolute;
			top:16px;
			left:16px;
			z-index:-1;
		}
		&::after{
			content:"";
			width:1200px;
			height:600px;
			background:rgba($color-white, .4);
			border-radius:11px;
			box-shadow:0 2px 14px 0 rgba($color-black, .04);
			position:absolute;
			top:30px;
			left:30px;
			z-index:-2;
		}
	}
	&__header{
		padding:35px 0 0 35px;
	}
	&__logo{
		width:410px;
	}
}
// 个人信息页样式
.s-info{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	&__body{
		width:118vh;
		min-width:900px;
	}
	&__text{
		margin-bottom:15px;
		text-align:center;
	}
	&__content{
		height:73vh;
		min-height:560px;
		background:$color-white url("../images/bg_info.jpg") no-repeat right 10% center;
		background-size:auto 80%;
		box-shadow:0 2px 8px 0 rgba($color-black, .2);
	}
	&__page{
		width:70%;
		height:100%;
		padding:9% 4% 4%;
		position:relative;
	}
	&__name{
		margin-bottom:25px;
		font-size:30px;
		font-weight:bold;
		color:$color-gray-900;
	}
	&__list{
		margin-bottom:30px;
	}
	&__item{
		display:flex;
		align-items:center;
		& + &{
			margin-top:10px;
		}
	}
	&__icon{
		margin-right:10px;
	}
	&__title{
		font-size:16px;
		color:$color-gray-900;
		& + &{
			margin-left:20px;
		}
	}
	&__section{
		line-height:1.6;
		color:$color-gray-700;
		& + &{
			margin-top:8px;
		}
	}
	&__btn{
		margin-top:35px;
	}
}
// 标签导航样式
.s-main-tabs{
	display:flex;
	height:55px;
	padding:0 20px;
	&__content{
		display:flex;
		flex:auto;
		overflow:hidden;
	}
	&__list{
		display:flex;
		flex:none;
	}
	&__item{
		display:flex;
		align-items:center;
		flex:none;
		padding:0 16px;
		color:$color-gray-700;
		cursor:pointer;
		position:relative;
		&::before{
			content:"";
			width:1px;
			height:14px;
			background:$color-gray-500;
			position:absolute;
			top:50%;
			left:0;
			margin-top:-7px;
		}
		&:first-child{
			padding-left:0;
			&::before{
				display:none;
			}
		}
		&--is-active{
			font-weight:bold;
			color:$color-primary;
		}
	}
	&__close{
		margin-left:6px;
		font-size:12px;
		&:hover{
			color:$color-primary;
		}
	}
	&__arrow{
		display:flex;
		justify-content:center;
		align-items:center;
		flex:0 0 35px;
		font-size:16px;
		cursor:pointer;
		&--is-hidden{
			display:none;
		}
	}
}
// 页眉样式
.s-main-header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 20px 0 15px !important;
	background:$color-white;
	box-shadow:0 2px 4px 0 rgba($color-black, .13);
	z-index:3;
}
.s-main-logo{
	width:360px;
	img{
		width:360px;
		height:32px;
	}
}
.s-main-navbar{
	display:flex;
	&__item{
		display:flex;
		align-items:center;
		margin-left:35px;
		cursor:pointer;
		&:first-child{
			margin-left:0;
		}
		i{
			font-size:20px;
			color:$color-gray-700;
			&:hover{
				color:$color-primary;
			}
		}
	}
	&__avatar{
		width:26px;
		margin-right:10px;
	}
}
// 侧边栏样式
.s-main-sidebar{
	max-height:100%;
	background:$color-white;
	box-shadow:0 2px 4px 0 rgba($color-black, 0.21);
	z-index:2;
}
// 主体居中样式
.s-main-center{
	width:900px;
	margin:0 auto;
	.el-main{
		margin:20px 0;
		padding:0;
	}
}
// 分页导航样式
.s-pagination{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:20px;
	&--center{
		justify-content:center;
	}
	&__total{
		color:$color-gray-600;
	}
	&__list{
		padding:0;
		.btn-next{
			margin-right:0 !important;
		}
	}
	&__text{
		padding:0 2px;
		font-weight:bold;
		color:$color-gray-900;
	}
}
// 按钮组样式
.s-button-group{
	display:flex;
	align-items:center;
	&--center{
		justify-content:center;
	}
	&--right{
		justify-content:flex-end;
		flex:auto;
	}
	&--between{
		justify-content:space-between;
	}
	&--fixed{
		padding:20px 0;
		background:$color-gray-100;
		position:fixed;
		left:240px;
		right:0;
		bottom:0;
		z-index:99;
	}
}
// 表格顶部样式
.s-table-header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:20px;
	&__title{
		height:30px;
		line-height:30px;
		font-size:18px;
	}
}
.s-table-header-btn{
	position:absolute;
	top:-50px;
	right:0;
}
.s-table-header-btn-onboard{
	float:right;
	margin-bottom:16px;
	margin-top:-15px;
}
// 查询面板开关
.s-query{
	max-height:999px;
	margin-bottom:20px;
	-webkit-transition:.15s;
	transition:.15s;
	&--is-close{
		max-height:35px;
		overflow:visible;
		.s-query-toggle{
			height:35px;
			margin:-20px -20px 0;
			background:url("../images/icon_query.svg") no-repeat center;
			border-bottom:solid 1px $color-primary;
			color:$color-primary;
			cursor:pointer;
			position:relative;
			&::before{
				content:"\e790";
				font-family:"element-icons" !important;
				font-size:20px;
				margin-left:-10px;
				position:absolute;
				left:50%;
				bottom:-14px;
			}
		}
	}
}
// 通用标题样式
.s-common-header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:20px;
	&__title{
		display:flex;
		align-items:center;
		line-height:18px;
		font-size:18px;
		color:$color-gray-900;
	}
	&__icon{
		display:flex;
		justify-content:center;
		align-items:center;
		width:18px;
		height:18px;
		margin-right:8px;
		img{
			width:100%; // IE
		}
	}
	&__tip{
		margin-left:15px;
		font-size:12px;
		color:$color-primary;
	}
	&__bar{
		// 暂无右侧功能性样式
	}
	&--small &__title{
		line-height:16px;
		font-size:16px;
	}
	&--small &__icon{
		width:16px;
		height:16px;
	}
}
// 必填星号占位样式
.s-star-placeholder{
	.el-form-item__label{
		&::before{
			content:"";
			margin-right:9px;
		}
	}
}
// 缩略图样式
.s-thumbnail{
	padding:5px;
	border:dashed 1px $color-gray-700;
	.el-upload, &-example{
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		&::after{
			content:"";
			display:block;
			padding-top:calc(3 / 4 * 100%);
		}
		img{
			margin:auto;
			position:absolute;
			top:0;
			right:0;
			bottom:0;
			left:0;
		}
	}
	.el-icon-circle-plus-outline{
		font-size:30px;
		color:$color-gray-600;
	}
	&__title{
		font-size:16px;
		color:$color-gray-700;
	}
	&__close{
		font-size:20px;
		position:absolute;
		top:5px;
		right:7px;
		opacity:.3;
		cursor:pointer;
		&:hover{
			opacity:.5;
		}
		&:active{
			opacity:.8;
		}
	}
}
// 横线样式
.s-line{
	height:1px;
	margin:20px 0;
	background:$color-gray-400;
}
// 步骤条样式
.s-steps{
	margin-left:-685px;
	border-right:solid 4px $color-gray-500;
	position:absolute;
	top:70px;
	left:50%;
	&__item{
		height:17px;
		line-height:17px;
		margin-right:-10px;
		padding-right:27px;
		text-align:right;
		color:$color-gray-700;
		position:relative;
		cursor:pointer;
		&::after{
			content:"";
			width:17px;
			height:17px;
			border-radius:17px;
			position:absolute;
			top:0;
			right:0;
		}
		& + &{
			margin-top:20px;
		}
		&--is-success{
			color:$color-gray-900;
		}
		&--is-current{
			color:$color-primary;
		}
		&--is-warning{
			color:$color-gray-900;
			&::after{
				content:"!";
				display:flex;
				justify-content:center;
				align-items:center;
				background:lighten($color-primary, 40%);
				border:solid 1px $color-primary;
				line-height:15px;
				font-size:12px;
				font-weight:bold;
				color:$color-primary;
			}
		}
		&--is-right{
			color:$color-gray-900;
			&::after{
				content:"\e6da";
				display:flex;
				justify-content:center;
				align-items:center;
				background:#2FBD6A;
				font-family:"element-icons" !important;
				font-size:12px;
				font-weight:600;
				color:$color-white;
			}
		}
		&--is-error{
			color:$color-gray-900;
			&::after{
				content:"\e6db";
				display:flex;
				justify-content:center;
				align-items:center;
				background:$color-primary;
				font-family:"element-icons" !important;
				font-size:12px;
				font-weight:600;
				color:$color-white;
			}
		}
	}
}
// 水平步骤条样式
.s-horizontal-steps{
	display:flex;
	margin-bottom:20px;
	&__item{
		flex:1;
		padding-bottom:30px;
		position:relative;
		&::before{
			content:"";
			width:24px;
			height:24px;
			margin-left:-12px;
			background:$color-gray-500;
			border:solid 4px $color-white;
			border-radius:999px;
			position:absolute;
			bottom:0;
			left:50%;
			z-index:2;
		}
		&:not(:last-child){
			&::after{
				content:"";
				width:100%;
				height:4px;
				background:$color-gray-500;
				position:absolute;
				bottom:10px;
				left:50%;
				z-index:1;
			}
		}
		&--is-active{
			.s-horizontal-steps__title{
				color:$color-gray-900;
			}
			&::before{
				background:$color-primary;
			}
			&:not(:last-child){
				&::after{
					background:$color-primary;
				}
			}
		}
	}
	&__title{
		text-align:center;
		font-size:16px;
		color:$color-gray-700;
	}
	&__content{
		margin-top:5px;
		text-align:center;
		color:$color-gray-700;
	}
}
// 关闭返回按钮样式
.s-close{
	font-size:30px;
	position:fixed;
	top:118px;
	right:35px;
	z-index:1;
	cursor:pointer;
	opacity:.3;
	&:hover{
		opacity:.5;
	}
	&:active{
		opacity:.8;
	}
}
// 证件示例
.s-zhengjian-a{
	display:flex;
	justify-content:center;
	padding:20px 0;
}
.s-zhengjian-b{
	display:flex;
	padding:15px;
	&__img{
		flex:0 0 190px;
	}
	&__content{
		display:flex;
		align-items:center;
		flex:auto;
		margin-left:35px;
		color:$color-gray-900;
	}
}
// 提示信息样式
.s-tip{
	padding:8px 12px;
	background:#FDEAEC;
	font-size:12px;
	color:$color-primary;
}
// 证明模板样式
.s-zm{
	display:flex;
	&__content{
		flex:1;
		height:570px;
		padding:20px;
		border:solid 1px $color-gray-500;
	}
	&__form{
		display:flex;
		align-items:center;
		flex:1.2;
		padding:0 30px 0 50px;
		position:relative;
	}
	&__btn{
		border-radius:0;
		position:absolute;
		top:0;
		right:-20px;
	}
}
// IE 10下解决el-main宽度溢出的样式
.ie10-main{
	width:50%;
}
// 表单文本样式
.s-item-text{
	.el-form-item__label, .el-form-item__content{
		line-height:20px !important;
	}
}
// 首页卡片样式
.s-home-card{
	display:flex;
	cursor:pointer;
	&--nc{
		cursor:auto;
	}
	&__icon{
		flex:none;
		margin-right:15px;
		img{
			width:52px;
			height:52px;
		}
	}
	&__content{
		flex:auto;
	}
	&__number{
		font-size:26px;
	}
	&__title{
		color:$color-gray-800;
	}
}
// 题目样式
.s-question{
	&-box{
		display:flex;
		padding:20px;
		border:solid 1px $color-gray-500;
		overflow:auto;
	}
	&-content{
		flex:none;
		padding-right:20px;
	}
	&-bar{
		margin-bottom:15px;
	}
	&-group{
		& + &{
			margin-top:20px;
			padding-top:20px;
			border-top:solid 1px $color-gray-500;
		}
	}
	// 注释以上是独立块级元素
	display:flex;
	&__item{
		flex:none;
		width:430px;
		& + &{
			margin-left:35px;
		}
		.el-row{
			margin-top:8px;
		}
	}
	&__title{
		display:flex;
		margin-bottom:10px;
		line-height:1.3;
		font-size:15px;
		font-weight:bold;
		color:$color-black;
		.el-checkbox{
			margin-right:8px;
		}
	}
	& + &{
		margin-top:20px;
		padding-top:20px;
		border-top:solid 1px $color-gray-500;
	}
}
// 加减按钮样式
.s-add-btn{
	display:flex;
	align-items:center;
	height:32px;
	div{
		margin-right:10px;
		font-size:26px;
		color:$color-gray-700;
		cursor:pointer;
		&:hover{
			color:$color-primary;
		}
	}
}
// 栅格内容样式
.s-grid-content{
	padding-bottom:20px;
}
// 三分栏样式
.s-three-column{
	display:flex;
	align-items:center;
	&__item-1{
		flex:none;
		width:120px;
	}
	&__item-2{
		flex:auto;
		color:$color-gray-700;
	}
	&__item-3{
		flex:none;
	}
}
// 控制按钮列表样式
.s-control-btn{
	display:flex;
	align-items:center;
	&__item{
		display:flex;
		align-items:center;
		flex:none;
		margin-right:10px;
		&:first-child{
			margin-right:20px;
		}
		&:last-child{
			margin-right:0;
			margin-left:10px;
		}
	}
	&__button{
		display:flex;
		align-items:center;
		height:32px;
		padding:0 15px;
		background:$color-white;
		border:solid 1px $color-gray-600;
		border-radius:999px;
		outline:none;
		cursor:pointer;
		&:hover{
			border-color:$color-primary;
		}
		&:active{
			background:lighten($color-primary, 42%);
		}
		&:disabled{
			color:$color-black;
			opacity:.3;
			cursor:not-allowed;
			&:hover{
				border-color:$color-gray-600;
			}
		}
		&--is-active{
			border-color:$color-primary;
		}
		img{
			margin-right:5px;
		}
	}
}
// 用户信息列表样式
.s-user-info{
	&__item{
		text-align:center;
		font-size:12px;
		&:not(:first-child){
			margin-top:5px;
		}
	}
	&__avatar{
		width:48px;
		height:48px;
		margin:0 auto;
		border-radius:999px;
	}
	&__tag{
		padding:2px 6px;
		background:$color-primary;
		border-radius:999px;
		color:$color-white;
		&--is-active{
			background:#71A756;
		}
	}
}
// 统计列表样式
.s-count-list{
	display:flex;
	padding-top:15px;
	&__item{
		flex:auto;
		position:relative;
		&:not(:first-child){
			&::before{
				content:"";
				width:1px;
				height:100%;
				background:$color-gray-300;
				position:absolute;
				top:0;
				left:0;
			}
		}
		&--is-link{
			cursor:pointer;
			.s-count-list__number{
				color:$color-primary;
			}
		}
	}
	&__number{
		margin-bottom:5px;
		text-align:center;
		font-size:28px;
	}
	&__title{
		text-align:center;
		font-size:12px;
	}
}
// 居中搜索样式
.s-center-search{
	margin-bottom:45px;
	padding:0 150px;
	&__content{
		display:flex;
		align-items:center;
	}
	&__input{
		flex:auto;
	}
	&__more{
		flex:none;
		margin-left:15px;
	}
	&--small{
		margin-bottom:20px;
		padding:0 50px;
	}
}
// 知识库列表样式
.s-repository{
	&__item{
		padding:20px 0;
		&:not(:last-child){
			border-bottom:dashed 1px $color-gray-400;
		}
	}
	&__header{
		display:flex;
		margin-bottom:5px;
	}
	&__title{
		display:flex;
		align-items:center;
		flex:auto;
		.el-link{
			font-size:16px;
		}
		img{
			margin-left:10px;
		}
	}
	&__favorite{
		flex:none;
	}
	&__tag{
		margin-bottom:5px;
		font-size:12px;
		color:$color-gray-700;
		span{
			&:not(:last-child){
				&::after{
					content:"、";
				}
			}
		}
	}
	&__content{
		line-height:1.7;
	}
}
// 客服样式
.s-service-card{
	height:550px;
	background:$color-white;
	&--b{
		height:700px;
	}
}
.s-service-tabs-a{
	height:calc(100% - 40px);
	&--height{
		height:100%;
	}
	.el-tabs__header{
		margin:0;
	}
	.el-tabs__content{
		height:calc(100% - 40px);
		overflow:auto;
	}
	.el-tab-pane{
		padding:15px;
	}
	.el-tabs__item{
		padding:0;
	}
}
.s-service-tabs-b{
	height:100%;
	border:none;
	box-shadow:none;
	.el-tabs__content{
		height:calc(100% - 40px);
		overflow:auto;
	}
	.el-tabs__item{
		padding:0 15px;
	}
	.el-tabs__nav-prev{
		line-height:42px;
		left:4px;
	}
	.el-tabs__nav-next{
		line-height:42px;
		right:4px;
	}
}
.s-service-bottom-btn{
	display:flex;
	border-top:solid 1px $color-gray-500;
	& > *{
		flex:1;
		&:not(:first-child){
			border-left:solid 1px $color-gray-500;
		}
	}
	&__item{
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:39px;
		padding:0;
		background:$color-white;
		border:none;
		font-size:12px;
		outline:none;
		cursor:pointer;
		&:hover{
			background:lighten($color-gray-100, 3%);
		}
		&:active{
			background:lighten($color-gray-100, 1%);
		}
		strong{
			margin-left:5px;
			color:$color-primary;
		}
		img{
			margin-right:5px;
		}
	}
}
.s-service-dropdown-menu{
	.el-dropdown-menu__item{
		display:flex;
		align-items:center;
		font-size:12px;
		img{
			margin-right:5px;
		}
	}
}
.s-service-monitoring{
	max-height:500px;
	padding:0 15px;
	overflow:auto;
	&__item{
		padding:10px 0;
		&:not(:last-child){
			border-bottom:solid 1px $color-gray-400;
		}
	}
	&__header{
		display:flex;
		align-items:center;
		margin-bottom:5px;
	}
	&__title{
		flex:auto;
		color:$color-black;
	}
	&__date{
		font-size:12px;
		color:$color-gray-700;
	}
}
.s-service-session-list{
	&__item{
		display:flex;
		align-items:center;
		padding:10px;
		border:solid 1px $color-gray-400;
		border-radius:4px;
		cursor:pointer;
		position:relative;
		&:not(:first-child){
			margin-top:10px;
		}
		&--is-active{
			&::before{
				content:"";
				width:8px;
				height:8px;
				background:$color-primary;
				border-radius:999px;
				position:absolute;
				top:12px;
				right:12px;
			}
		}
		&--is-current{
			border-color:$color-primary;
		}
		&--is-disable{
			background:$color-gray-100;
			opacity:.7;
		}
	}
	&__icon{
		flex:none;
		margin-right:10px;
	}
	&__body{
		flex:auto;
		overflow:hidden;
	}
	&__title{
		margin-bottom:2px;
		color:$color-black;
	}
	&__main{
		display:flex;
		align-items:center;
	}
	&__content{
		flex:auto;
		font-size:12px;
		color:$color-gray-700;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	&__date{
		flex:none;
		margin-left:5px;
		font-size:12px;
	}
}
.s-service-info-table{
	padding:15px 15px 0;
	border:solid 1px $color-gray-500;
	border-radius:4px;
}
.s-service-form{
	.el-form-item__label{
		font-size:12px;
	}
	&__content{
		display:flex;
		align-items:center;
		min-height:28px;
		line-height:1.2;
		font-size:12px;
		color:$color-black;
		word-wrap:break-word;
		word-break:break-all;
		.el-input{
			flex:auto;
		}
		.el-button{
			flex:none;
			margin-left:10px;
			padding:2px;
		}
	}
}
.s-service-tip{
	margin-top:10px;
	font-size:12px;
	i{
		margin-right:3px;
		color:$color-primary;
	}
	a{
		border-bottom:dotted 1px $color-primary;
		font-size:12px;
		top:-1px;
	}
}
.s-mb-small{
	margin-bottom:15px;
}
.s-service-name{
	display:flex;
	justify-content:center;
	align-items:center;
	height:40px;
	background:lighten($color-gray-200, 1.5%);
	border-bottom:solid 1px $color-gray-300;
	font-size:16px;
	color:$color-black;
	img{
		width:14px;
		height:14px;
		margin-right:5px;
	}
}
.s-service-import{
	height:262px;
	padding:20px;
	&--b{
		height:220px;
	}
}
.s-service-textarea{
	margin-bottom:15px;
	border:solid 1px $color-gray-500;
	border-radius:4px;
	&__tool{
		display:flex;
		background:lighten($color-gray-100, 2%);
		border-bottom:solid 1px $color-gray-400;
		border-radius:4px 4px 0 0;
	}
	&__btn{
		height:25px;
		padding:0 10px;
		background:transparent;
		border:none;
		border-right:solid 1px $color-gray-400;
		border-radius:4px 0 0 0;
		outline:none;
		cursor:pointer;
		&:hover{
			background:$color-white;
			color:$color-primary;
		}
	}
	textarea{
		padding:10px 15px;
		border:none;
	}
}
.s-service-chat-box{
	height:calc(100% - 302px);
	padding:20px;
	overflow:auto;
	&--b{
		height:calc(100% - 220px);
	}
}
.s-service-chat{
	&__info{
		display:flex;
		justify-content:center;
		align-items:center;
		margin-bottom:15px;
		font-size:12px;
		color:$color-gray-700;
		img{
			margin-right:5px;
		}
		& > span{
			padding:5px 10px;
			background:rgba($color-gray-100, .5);
			border-radius:4px;
		}
		.el-link{
			font-size:12px;
		}
	}
	&__item{
		display:flex;
		margin-bottom:15px;
		padding-right:42px;
	}
	&__avatar{
		flex:none;
		margin-right:10px;
		img{
			width:32px;
			height:32px;
			border-radius:999px;
		}
	}
	&__main{
		flex:auto;
	}
	&__title{
		margin-bottom:5px;
		font-size:12px;
		color:$color-gray-700;
		span{
			&:not(:first-child){
				margin-left:10px;
			}
		}
	}
	&__content{
		display:inline-block;
		padding:10px;
		background:$color-gray-100;
		border-radius:8px;
		line-height:1.4;
		color:$color-black;
		word-wrap:break-word;
		word-break:break-all;
		position:relative;
		&::after{
			content:"";
			width:10px;
			height:14px;
			background:url("../images/icon_chat_arrow_she.svg") no-repeat;
			position:absolute;
			top:10px;
			left:-10px;
		}
		li{
			line-height:1.8;
		}
		a{
			border-bottom:dotted 1px $color-primary;
			text-decoration:none;
			color:$color-primary;
			&:hover{
				opacity:.8;
			}
		}
	}
	&__image{
		width:100px;
		cursor:pointer;
	}
	&__file{
		display:flex;
		align-items:center;
		background:transparent;
		border:none;
		outline:none;
		cursor:pointer;
		img{
			height:14px;
			margin-right:5px;
		}
		span{
			border-bottom:dotted 1px $color-primary;
			font-size:12px;
			color:$color-primary;
		}
	}
	&__item--me{
		flex-direction:row-reverse;
		padding:0 0 0 42px;
	}
	&__item--me &__avatar{
		margin:0 0 0 10px;
	}
	&__item--me &__main{
		text-align:right;
	}
	&__item--me &__content{
		background:#F55E73;
		text-align:left;
		color:$color-white;
		&::after{
			background-image:url("../images/icon_chat_arrow_me.svg");
			right:-10px;
			left:inherit;
		}
	}
	&__item--me &__file{
		span{
			border-bottom-color:$color-white;
			color:$color-white;
		}
	}
}
.s-service-search{
	padding:20px 50px;
	&--small{
		padding:0 0 15px;
	}
}
.s-service-search-result{
	height:calc(100% - 180px);
	padding:0 20px;
	overflow:auto;
	&__item{
		padding:10px 0;
		&:not(:last-child){
			border-bottom:dashed 1px $color-gray-500;
		}
	}
	&__title{
		margin-bottom:2px;
		color:$color-black;
	}
	&__content{
		line-height:1.7;
		font-size:12px;
	}
}
// 时间线样式
.s-timeline{
	&__title{
		font-size:16px;
	}
	&__content{
		margin-top:2px;
		color:$color-gray-700;
		span{
			&:not(:first-child){
				margin-left:20px;
			}
		}
	}
	.el-timeline-item__node--primary + div{
		.s-timeline__title, .s-timeline__content{
			color:$color-primary;
		}
	}
}
// 拨号键盘样式
.s-dial-keyboard{
	&__display{
		display:flex;
		justify-content:flex-end;
		align-items:center;
		height:50px;
		padding:0 15px;
		background:$color-gray-100;
		border:solid 1px $color-gray-500;
		border-radius:4px;
		font-size:26px;
		color:$color-gray-900;
		overflow:hidden;
		white-space:nowrap;
	}
	.el-col{
		margin-top:5px;
	}
	.el-button{
		width:100%;
		padding:8px;
		font-size:18px;
	}
}
// 来电提醒样式
.s-call-remind{
	padding:30px 40px;
	background:$color-white;
	border:solid 1px rgba($color-primary, .8);
	border-radius:8px;
	box-shadow:0 2px 12px 0 rgba(0, 0, 0, .1);
	position:fixed;
	right:20px;
	bottom:-200px;
	z-index:999;
	visibility:hidden;
	opacity:0;
	transition:all .5s;
	&--show{
		bottom:20px;
		visibility:visible;
		opacity:1;
		animation:shake 1.5s infinite 1s;
		@keyframes shake{
			0%{
				transform:translate(0, 0) rotate(0deg);
			}
			2%{
				transform:translate(0.5px, 1.5px) rotate(0.5deg);
			}
			4%{
				transform:translate(-1.5px, 0.5px) rotate(1.5deg);
			}
			6%{
				transform:translate(-1.5px, 1.5px) rotate(0.5deg);
			}
			8%{
				transform:translate(-0.5px, 1.5px) rotate(-0.5deg);
			}
			10%{
				transform:translate(2.5px, 0.5px) rotate(1.5deg);
			}
			12%{
				transform:translate(0.5px, -0.5px) rotate(0.5deg);
			}
			14%{
				transform:translate(-0.5px, 0.5px) rotate(0.5deg);
			}
			16%{
				transform:translate(-0.5px, 1.5px) rotate(-0.5deg);
			}
			18%{
				transform:translate(1.5px, -1.5px) rotate(1.5deg);
			}
			20%{
				transform:translate(2.5px, 1.5px) rotate(1.5deg);
			}
			22%{
				transform:translate(1.5px, 2.5px) rotate(0.5deg);
			}
			24%{
				transform:translate(-1.5px, 0.5px) rotate(-0.5deg);
			}
			26%{
				transform:translate(2.5px, -0.5px) rotate(0.5deg);
			}
			28%{
				transform:translate(-0.5px, 1.5px) rotate(0.5deg);
			}
			30%{
				transform:translate(-1.5px, -0.5px) rotate(1.5deg);
			}
			32%{
				transform:translate(0.5px, 2.5px) rotate(1.5deg);
			}
			34%{
				transform:translate(-1.5px, 0.5px) rotate(-0.5deg);
			}
			36%{
				transform:translate(0.5px, -0.5px) rotate(-0.5deg);
			}
			38%{
				transform:translate(-1.5px, -1.5px) rotate(0.5deg);
			}
			40%{
				transform:translate(0.5px, -1.5px) rotate(0.5deg);
			}
			42%{
				transform:translate(0, 0) rotate(0deg);
			}
			100%{
				transform:translate(0, 0) rotate(0deg);
			}
		}
		&:hover{
			animation-duration:0s;
		}
	}
	&__avatar{
		margin-bottom:7px;
		img{
			margin:0 auto;
		}
	}
	&__name{
		margin-bottom:2px;
		text-align:center;
		font-size:18px;
		color:$color-gray-900;
	}
	&__number{
		margin-bottom:15px;
		text-align:center;
		font-size:16px;
		color:$color-gray-700;
	}
	&__btn{
		display:flex;
		justify-content:center;
	}
	audio{
		display:none;
	}
}
// 挂断图标样式
.s-icon-hangup{
	i{
		transform:rotate(135deg);
	}
}
// 复选框样式
.s-form-item-mb{
	margin-bottom:0 !important;
}
// 客服监控样式
.s-monitor-tip{
	display:flex;
	align-items:center;
	font-size:12px;
	img{
		width:16px;
		height:16px;
		margin-right:5px;
	}
	span{
		width:16px;
		height:16px;
		margin-right:5px;
		border-radius:4px;
	}
	&__gray{
		border:solid 1px $color-gray-600;
	}
	&__blue{
		border:solid 1px #008CFC;
	}
	&__yellow{
		border:solid 1px #E6A23D;
	}
}
.s-monitor-list{
	.el-col{
		margin-top:20px;
	}
}
.s-monitor-card{
	padding:12px;
	border:solid 1px $color-gray-500;
	border-radius:4px;
	&__body{
		display:flex;
	}
	&__avatar{
		flex:none;
		width:48px;
		margin-right:10px;
		position:relative;
		&::after{
			content:"";
			display:block;
			padding-top:calc(1 / 1 * 100%);
		}
		img{
			margin:auto;
			border-radius:4px;
			position:absolute;
			top:0;
			right:0;
			bottom:0;
			left:0;
		}
	}
	&__main{
		flex:auto;
		overflow:hidden;
	}
	&__content{
		display:flex;
		align-items:center;
		padding:5px 0;
		line-height:1;
		i{
			margin-right:3px;
		}
	}
	&__left{
		flex:auto;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		&--bold{
			font-weight:bold;
		}
	}
	&__right{
		flex:none;
		margin-left:12px;
	}
	&__bottom{
		display:flex;
		justify-content:space-between;
		margin-top:8px;
	}
	&__type{
		display:flex;
		img{
			width:18px;
			&:not(:first-child){
				margin-left:6px;
			}
		}
	}
	&__state{
		padding:2px 6px;
		background:$color-gray-100;
		border-radius:4px;
		font-size:12px;
	}
	&--blue{
		border-color:#008CFC;
	}
	&--blue &__state{
		background:rgba(#008CFC, .1);
		color:#008CFC;
	}
	&--yellow{
		border-color:#E6A23D;
	}
	&--yellow &__state{
		background:rgba(#E6A23D, .1);
		color:#E6A23D;
	}
	&--is-click{
		cursor:pointer;
		&:hover{
			background:rgba($color-gray-100, .3);
		}
	}
}
// 聊天窗口布局样式
.s-chat-layout{
	width:1200px;
	margin:0 auto;
	background:$color-white;
	&__header{
		display:flex;
		align-items:center;
		padding:0 15px !important;
		background:$color-primary;
		font-size:16px;
		font-weight:bold;
		color:$color-white;
	}
	&__sidebar{
		border-left:solid 1px $color-gray-400;
	}
}
// 文章段落样式
.s-article{
	line-height:1.6;
	p{
		margin:0;
		&:not(:first-child){
			margin-top:10px;
		}
	}
}
// 手风琴样式
.s-collapse{
	.el-collapse-item__header{
		height:48px;
		line-height:48px;
		border-bottom:solid 1px $color-gray-400;
		font-size:inherit;
		font-weight:bold;
	}
}
// 聊天未登录样式
.pt-chat-not-login{
	padding-top:50px;
	&__text{
		margin-bottom:15px;
		text-align:center;
		i{
			margin-right:3px;
			color:$color-primary;
		}
	}
	&__btn{
		text-align:center;
	}
}
// 大屏监控样式
.pt-monitoring{
	height:100%;
	padding:30px 30px 0;
	background:#0E2B43;
	color:$color-white;
	&__title{
		margin-bottom:30px;
		text-align:center;
		font-size:38px;
		font-weight:bold;
	}
	&__carousel{
		margin-top:30px;
	}
}
.pt-monitoring-card{
	padding:20px;
	border:solid 1px $color-gray-800;
	border-radius:6px;
	& + &{
		margin-top:15px;
	}
	&--a{
		height:309px;
	}
	&--b{
		display:flex;
		align-items:center;
		height:147px;
	}
	&--c{
		display:flex;
		height:270px;
		margin-bottom:15px;
		padding:30px;
	}
	&__title-a{
		margin-bottom:10px;
		text-align:center;
		font-size:32px;
		color:#E6A23D;
	}
	&__content-a{
		display:flex;
		justify-content:center;
	}
	&__title-b{
		padding-top:85px;
		text-align:center;
		font-size:32px;
	}
	&__content-b{
		text-align:center;
		font-size:46px;
		font-weight:bold;
		color:#E6A23D;
	}
	&__title-c{
		margin-right:20px;
		padding-left:20px;
		font-size:32px;
	}
	&__content-c{
		font-size:46px;
		font-weight:bold;
		color:#E6A23D;
	}
	&__avatar{
		flex:none;
		margin-right:30px;
		.el-image{
			display:block;
			width:149px;
			height:208px;
		}
	}
	&__main{
		flex:auto;
	}
	&__value{
		font-size:24px;
		& + &{
			margin-top:11px;
		}
	}
}
// 个人信息样式
.s-personal-tip{
	display:flex;
	align-items:center;
	font-size:12px;
	color:$color-gray-800;
	i{
		margin-right:3px;
		font-size:14px;
		color:$color-primary;
	}
}
.s-personal-title{
	padding:15px 0;
	font-size:15px;
	font-weight:bold;
	&--right{
		display:flex;
		justify-content:flex-end;
	}
}
.s-personal-table{
	display:flex;
	flex-wrap:wrap;
	border-bottom:solid 1px $color-gray-400;
	position:relative;
	&__item{
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:50%;
		padding:12px 15px;
		font-size:12px;
		&:nth-child(odd){
			border-top:solid 1px $color-gray-400;
			border-right:solid 1px $color-gray-400;
		}
		&:nth-child(even){
			border-top:solid 1px $color-gray-400;
		}
	}
	&__content{
		display:flex;
		flex:auto;
		width:50%; // IE 10
		line-height:1.6;
	}
	&__title{
		flex:none;
		width:90px;
	}
	&__value{
		flex:auto;
		width:50%; // IE 10
		color:$color-gray-800;
		& > div{
			&:not(:first-child){
				margin-top:5px;
			}
		}
	}
	&__photo{
		width:140px;
		padding:0 0 20px 20px;
		background:$color-white;
		position:absolute;
		top:0;
		right:0;
		img{
			width:100%;
			padding:5px;
			border:solid 1px $color-gray-400;
		}
		&-title{
			margin-top:5px;
			text-align:center;
			line-height:1.5;
			font-size:12px;
			color:$color-gray-700;
		}
	}
	&__img{
		font-size:16px;
		color:$color-primary;
		cursor:pointer;
		&--b{
			i{
				position:relative;
				right:140px;
			}
		}
	}
	&__delete-value{
		text-decoration:line-through;
		color:$color-gray-700;
	}
	&__gray-value{
		color:$color-gray-700;
	}
	&__edit-value{
		color:$color-gray-900;
	}
	.el-form-item{
		flex:auto;
		margin:9px 5px 9px 0;
	}
	.el-form-item__label{
		font-size:12px;
		color:$color-gray-900;
		position:relative;
	}
	.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before{
		font-size:18px;
		position:absolute;
		top:3px;
		left:-10px;
	}
}
// 面包屑内部样式
.s-breadcrumb-sub{
	padding:0 0 20px;
	.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{
		color:$color-primary;
	}
}
// 审批详情样式
.s-approve-header{
	display:flex;
	justify-content:space-between;
	padding:12px;
	border:solid 1px $color-gray-400;
	border-radius:4px;
	&__item{
		font-size:12px;
		color:$color-gray-700;
		& > span{
			margin-right:12px;
			font-weight:bold;
			color:$color-gray-900;
		}
	}
	.el-link{
		font-size:12px;
		text-decoration:underline;
	}
}
.s-approve-title{
	display:flex;
	margin-top:30px;
	&__item{
		display:flex;
		align-items:center;
		flex:1;
		padding:0 15px;
		font-size:13px;
		font-weight:bold;
		img{
			margin-right:7px;
		}
	}
}
.s-approve-content{
	display:flex;
	margin-top:12px;
	&__before{
		width:50%;
		padding:7px 15px;
		background:darken($color-gray-100, 1%);
		border-radius:4px 0 0 4px;
	}
	&__after{
		width:50%;
		padding:7px 15px;
		border:solid 1px $color-gray-400;
		border-radius:0 4px 4px 0;
	}
	&__blank{
		width:50%;
		border:solid 1px $color-gray-400;
		border-right:none;
		border-radius:4px 0 0 4px;
	}
	&__explain{
		margin:8px 0;
		padding:8px 10px;
		background:rgba($color-primary, .08);
		border-radius:4px;
		font-size:12px;
		color:$color-primary;
	}
}
.s-approve-list{
	display:flex;
	flex-wrap:wrap;
	&__item{
		display:flex;
		width:50%;
		padding:10px 0;
		line-height:1;
		font-size:12px;
		color:$color-gray-700;
		&--red{
			color:$color-primary;
			.pt-approve-list__title{
				color:$color-primary;
			}
		}
		&--gray{
			.pt-approve-list__title{
				color:$color-gray-700;
			}
		}
	}
	&__title{
		flex:none;
		width:90px;
		font-weight:bold;
		color:$color-gray-900;
	}
	&__value{
		flex:auto;
		width:50%; // IE
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
}
//
//
// 通用样式
//
//
@for $i from 0 through 50{
	.s-w-#{$i*10}{
		width:$i*10px !important;
	}
	.s-m-#{$i*2}{
		margin:$i*2px !important;
	}
	.s-mt-#{$i*2}{
		margin-top:$i*2px !important;
	}
	.s-mr-#{$i*2}{
		margin-right:$i*2px !important;
	}
	.s-mb-#{$i*2}{
		margin-bottom:$i*2px !important;
	}
	.s-ml-#{$i*2}{
		margin-left:$i*2px !important;
	}
	.s-p-#{$i*2}{
		padding:$i*2px !important;
	}
	.s-pt-#{$i*2}{
		padding-top:$i*2px !important;
	}
	.s-pr-#{$i*2}{
		padding-right:$i*2px !important;
	}
	.s-pb-#{$i*2}{
		padding-bottom:$i*2px !important;
	}
	.s-pl-#{$i*2}{
		padding-left:$i*2px !important;
	}
}
.w100{
	width:100%;
}
.h100{
	height:100%;
}
.mr{
	margin-right:20px;
}
.ml{
	margin-left:20px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.p0{
	padding:0;
}
.p20{
	padding:20px;
}
.pt0{
	padding-top:0;
}
.card-mb{
	margin-bottom:20px;
}
.card-no{
	border:none;
	box-shadow:none;
}
.card-pb{
	.el-card__body{
		padding-bottom:0;
	}
}
.button-md{
	width:100px;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.color-primary{
	color:$color-primary;
}
.bg-white{
	background:$color-white;
}
.form-text{
	color:$color-black;
}
//
//
// 覆盖源样式
//
//
.el-header, .el-footer{
	padding:0;
}
.el-card{
	border:none;
	border-radius:0;
}
.el-tabs__content{
	overflow:visible;
}
.s-table{
	.el-tabs__header{
		margin-bottom:20px;
	}
	.el-tabs__nav-wrap{
		margin-bottom:0;
	}
	.el-tabs__active-bar{
		display:none;
	}
	.el-tabs__nav-wrap::after{
		display:none;
	}
	.el-tabs__item{
		height:30px;
		line-height:30px;
		padding:0 16px;
		font-weight:normal;
		color:$color-gray-700;
		&::before{
			content:"";
			width:1px;
			height:14px;
			background:$color-gray-500;
			position:absolute;
			top:50%;
			left:0;
			margin-top:-7px;
		}
		&:nth-child(2){
			&::before{
				display:none;
			}
		}
	}
	.el-tabs__item.is-active{
		font-weight:bold;
		color:$color-gray-900;
	}
}
.s-tabs{
	display:flex;
	flex-direction:column;
	height:100%;
	.el-tabs__header{
		flex:none;
	}
	.el-tabs__content{
		flex:auto;
		overflow:auto;
	}
	.el-tabs__nav-wrap{
		margin-bottom:0;
	}
	.el-tabs__active-bar{
		display:none;
	}
	.el-tabs__nav-wrap::after{
		display:none;
	}
	.el-tabs__item{
		height:30px;
		line-height:30px;
		padding:0 16px;
		font-weight:normal;
		color:$color-gray-700;
		&::before{
			content:"";
			width:1px;
			height:14px;
			background:$color-gray-500;
			position:absolute;
			top:50%;
			left:0;
			margin-top:-7px;
		}
		&:nth-child(2){
			&::before{
				display:none;
			}
		}
	}
	.el-tabs__item.is-active{
		font-weight:bold;
		color:$color-gray-900;
	}
	&--pb{
		.el-tabs__content{
			padding-bottom:52px;
		}
	}
}
.s-position-btn{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:4;
}
.el-menu{
	border-right:none;
}
.el-menu-item, .el-submenu__title, .el-submenu .el-menu-item{
	height:42px;
	line-height:42px;
}
.el-menu-item:focus, .el-menu-item:hover, .el-submenu__title:hover{
	background-color:$color-gray-300;
}
.el-submenu .el-menu-item{
	padding-left:49px !important;
}
.el-menu-item.is-active{
	background:$color-primary;
	color:$color-white;
}
.el-submenu__icon-arrow{
	&::before{
		content:"\E6E0";
	}
}
.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow{
	transform:rotateZ(90deg);
}
.v-modal{
	background:$color-black;
	opacity:.55;
}
.el-dialog{
	display:flex;
	flex-direction:column;
	max-height:90vh;
	margin:0 !important;
	border-radius:0;
	&__wrapper{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	&__header{
		display:flex;
		justify-content:space-between;
		align-items:center;
		flex:none;
		height:40px;
		padding:0 15px;
		background:$color-primary;
	}
	&__title{
		font-size:16px !important;
		font-weight:bold;
		color:$color-white;
	}
	&__headerbtn{
		font-size:inherit !important;
		position:static;
	}
	&__headerbtn &__close{
		font-size:18px;
		color:$color-white;
		&:hover{
			color:$color-white;
		}
	}
	&__footer{
		flex:none;
		padding:15px;
		box-shadow:0 0 8px 0 rgba($color-black, .12);
		text-align:center;
		z-index:1;
	}
	&__body{
		flex:auto;
		max-height:calc(90vh - 112px); // IE
		padding:20px;
		overflow:auto;
		& > img{
			max-height:none; // IE
		}
	}
}
.el-message-box{
	width:400px;
	padding-bottom:25px;
	border:none;
	border-radius:0;
	&__header{
		display:flex;
		justify-content:space-between;
		align-items:center;
		height:40px;
		padding:0 15px;
		background:$color-primary;
	}
	&__title{
		font-size:16px;
		font-weight:bold;
		color:$color-white;
	}
	&__headerbtn{
		position:static;
	}
	&__headerbtn &__close{
		font-size:18px;
		color:$color-white;
		&:hover{
			color:$color-white;
		}
	}
	&__btns{
		padding:0;
		text-align:center;
		.el-button{
			width:80px;
		}
	}
	&__content{
		padding:25px 20px 20px;
	}
	&__message{
		text-align:center;
	}
}
.el-radio-button{
	margin-bottom:20px;
	.el-radio-button__inner{
		padding:8px 20px;
		font-weight:normal;
	}
}
.el-collapse{
	border:none;
	&-item{
		&:last-child{
			margin-bottom:0;
		}
		&__wrap{
			padding-top:20px;
			border-bottom:none;
		}
		&__header{
			height:18px;
			line-height:18px;
			border-bottom:none;
			font-size:18px;
			font-weight:normal;
		}
		&__content{
			padding-bottom:0;
		}
		&__arrow{
			margin-right:0;
			font-size:16px;
			color:$color-gray-800;
		}
	}
}
.el-textarea__inner{
	font-family:Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
	resize:none;
}
.el-button--primary.is-plain{
	background:$color-white;
	border-color:$color-primary;
}
.el-button--text{
	padding:0;
	font-weight:normal;
}
.s-row-4{
	.el-col-6{
		margin-top:20px;
		&:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4){
			margin-top:0;
		}
	}
}
.el-select, .el-date-editor.el-input, .el-date-editor.el-input__inner, .el-input-number--small{
	width:100%;
}
.el-table th{
	padding:8px 0 5px;
}
.el-form{
	width:100%;
}
.el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label{
	line-height:35px; // IE10
}
.el-tabs--border-card > .el-tabs__content{
	padding:20px;
}
.el-switch__label{
	font-weight:normal;
}
//
//
// 其他人添加样式
//
//
.el-form .group_item{
	margin-bottom:0;
}
.el-table{
	width:99.9% !important;
}
.light-disabled-input .el-input__inner{
	background-color:$color-white !important;
	color:$color-gray-800 !important;
}
.attention{
	font-size:12px;
	color:$color-primary;
}
.menu-icon{
	display:inline;
	margin-right:5px;
}
.el-tooltip__popper.is-dark{
	max-width:300px !important;
}
.form-blod .el-form-item__label{
	font-weight:bold !important;
}
.diable_upload-list .el-upload-list{
	display:none !important;
}
.profile-tab .el-tabs__header{
	margin:0;
}
.profile-tab .tab-card{
	border-right:solid 1px $color-gray-400;
	border-bottom:solid 1px $color-gray-400;
	border-left:solid 1px $color-gray-400;
}
.profile-tab .el-tabs--card > .el-tabs__header .el-tabs__item{
	width:150px;
	background-color:$color-white;
	border:solid 1px $color-gray-400;
	text-align:center;
	color:$color-gray-800;
}
.profile-tab .el-tabs--card > .el-tabs__header .is-active{
	width:150px;
	background-color:$color-white;
	border:solid 1px $color-gray-400;
	border-bottom:none;
	color:$color-primary;
}
.profile-tab .el-tabs--card > .el-tabs__header .el-tabs__nav{
	border:none;
}
.profile-tab .el-tabs__item:not(:last-child){
	margin-right:5px;
}
.category-tab{
	height:40px;
	line-height:40px;
	padding-left:28px;
	color:$color-gray-800;
	cursor:pointer;
}
.category-active-tab{
	border-top:solid 1px $color-gray-300;
	border-bottom:solid 1px $color-gray-300;
	border-left:solid 4px $color-primary;
	color:$color-black;
	position:relative;
}
.category-tab-content{
	min-height:500px;
	padding:50px 20px 0 20px;
	border:solid 1px $color-gray-300;
}
.category-cover-content{
	height:100%;
	border:solid 1px $color-white;
	position:absolute;
	top:0;
	right:-1px;
}
.profile-scan{
	margin-bottom:25px;
	.el-card__body{
		padding:0;
	}
	.el-upload{
		width:100%;
	}
	.el-upload-dragger{
		width:100%;
		border:none;
		font-size:50px;
	}
	.scan-header{
		height:42px;
		line-height:42px;
		background:$color-primary;
		text-align:center;
		color:$color-white;
		cursor:pointer;
	}
}
.homepage .el-table thead.is-group th{
	background-color:#DEECFC;
	font-weight:400;
	color:$color-black;
}
.homepage .el-table td, .homepage .el-table th.is-leaf{
	border-bottom:solid 1px $color-gray-300;
}
.homepage .el-table--border td, .homepage .el-table--border th, .homepage .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed{
	border-right:solid 1px $color-gray-300;
}
.homepage .el-table--border th, .homepage .el-table__fixed-right-patch{
	border-bottom:solid 1px $color-gray-300;
}
.homepage .el-table--border, .homepage .el-table--group{
	border:solid 1px $color-white;
}
.homepage .el-table--border::after, .homepage .el-table--group::after, .homepage .el-table::before{
	content:"";
	background-color:$color-gray-300;
	position:absolute;
	right:-1px;
	z-index:1;
}
body .fixTable .el-table th.gutter{
	display:table-cell !important;
}
.el-col{
	word-break:break-all;
}
.s-close-toggle{
	height:20px;
	margin:0 -20px -20px;
	border-bottom:solid 1px $color-primary;
	color:$color-primary;
	cursor:pointer;
	position:relative;
	i{
		display:none;
	}
	&::before{
		content:"\E78F";
		font-family:"element-icons" !important;
		font-size:20px;
		margin-left:-10px;
		position:absolute;
		left:50%;
		bottom:-8px;
	}
}
.evaluate-home-div{
	width:363px;
	height:150px;
	border:solid 2px $color-gray-800;
	line-height:150px;
	text-align:center;
	font-size:26px;
	color:$color-gray-800;
	position:relative;
}
.evaluate-home-div-i{
	font-size:56px;
	position:absolute;
	top:47px;
	left:25px;
}
.levelTable .el-table--border th.gutter:last-of-type{
	display:block !important;
	width:17px !important;
}
.fixedDialog .el-dialog__wrapper{
	position:fixed !important;
}
.custom_confirm{
	width:450px;
}
.s-order-thumbnail{
	display:flex;
	flex-wrap:wrap;
	&__item{
		margin:4px 8px 4px 0;
		cursor:pointer;
		&:hover{
			opacity:.8;
		}
		img{
			width:77px;
			height:77px;
		}
	}
}
.el-table--scrollable-x .el-table__body-wrapper{
	overflow-x:auto !important;
}
.pt-read-dialog-header{
	display:flex;
	align-items:center;
	margin-bottom:15px;
	&__title{
		display:flex;
		align-items:center;
		font-size:16px;
		color:$color-gray-900;
		img{
			margin-right:5px;
		}
	}
	.el-checkbox{
		margin-left:50px;
	}
}
.pt-read-dialog-tabs{
	display:flex;
	margin-bottom:20px;
	&__menu{
		flex:none;
		width:250px;
		border-right:solid 1px $color-gray-400;
		&-item{
			display:flex;
			margin-right:-1px;
			padding:9px 15px;
			cursor:pointer;
			&:hover{
				color:$color-gray-900;
			}
			&--is-active{
				padding-left:12px;
				border:solid 1px $color-gray-400;
				border-right-color:$color-white;
				border-left:solid 3px $color-primary;
				font-weight:bold;
				color:$color-gray-900;
			}
		}
		&-number{
			flex:none;
		}
		&-title{
			flex:auto;
			width:50%; // IE 10
			margin-left:15px;
		}
	}
	&__content{
		flex:auto;
		padding:20px;
		border:solid 1px $color-gray-400;
		border-left:none;
		&-item{
			&:not(:first-child){
				margin-top:15px;
			}
		}
		.el-checkbox__label{
			span{
				&:not(:first-child){
					margin-left:40px;
				}
			}
		}
	}
}
.pt-read__alert{
	padding-left:10px;
	background:rgba($color-primary, .1);
	border-radius:4px;
	font-size:12px;
	color:$color-primary;
	i{
		margin-right:5px;
	}
	span{
		margin-right:50px;
	}
}
.gps-info{
	img{
		display:inline;
	}

	&_m-bottom{
		margin-bottom:20px;
	}
	&_m-bottom-half{
		margin-bottom:10px;
	}
	&_m-left{
		margin-left:40px;
	}
	&_m-top{
		margin-top:140px;
	}
	&_blod{
		font-weight:bold;
	}

	&_personal{
		&_body{
			margin-top:75px;
			margin-left:70px;
			color:white;
		}

		&_portrait{
			text-align:center;
			& > img{
				width:105px;
				margin-bottom:15px;
			}
		}

		&_mark{
			height:13px;
			margin:0 10px 2px 0;
			vertical-align:middle;
		}

		&_downloadImg{
			width:17px;
			vertical-align:middle;
			margin-right:5px;
		}

		&_title{

		}
	}

	&_basic{
		& > .el-form-item{
			& > .el-form-item__label{
				line-height:30px;
				font-weight:bold;
			}
			& > .el-form-item__content{
				line-height:30px;
			}
			margin-bottom:0;
		}
		margin-bottom:60px;
	}

	&_form{
		&-title{
			margin-bottom:25px;
			font-weight:bold;
			font-size:16px;

			& > img{
				vertical-align:middle;
				margin-top:-5px;
				margin-right:10px;
			}
		}
	}

	&_multiple{
		&-charts{
			width:400px;
			height:300px;
		}
		margin-bottom:25px;
	}
	&_education{
		& > .el-form-item{
			& > .el-form-item__label{
				line-height:30px;
				font-weight:bold;
			}
			& > .el-form-item__content{
				line-height:30px;
			}
			margin-bottom:0;
		}
		&-height{
			padding:2px 15px;
			border-radius:20px;
			background-color:#9CD2BE;
			color:#FFF;
			width:90px;
			text-align:center;
			margin:15px 0;
			font-weight:bold;
		}
		&-first{
			padding:2px 15px;
			border-radius:20px;
			background-color:#79B2F8;
			color:#FFF;
			width:90px;
			text-align:center;
			margin:15px 0;
			font-weight:bold;
		}
	}
	&_achievement{
		& > table{
			text-align:center;
			border:1px solid #E5E6E7;
			font-size:16px;
			width:470px;
			& > tr{
				height:40px;
				line-height:40px;
			}
		}
		&-table-head{
			background-color:#79B1F9;
			color:#FFF;

		}
		margin-bottom:60px;
	}
	&_experience{
		margin-bottom:60px;
	}
	&_experience .el-timeline-item__content .el-form-item{
		margin-bottom:0;
		& > .el-form-item__label{
			line-height:20px;
		}
		& > .el-form-item__content{
			line-height:20px;
		}
	}
	&_professional{
		margin-bottom:60px;
		&-title{
			font-size:15px;
			font-weight:bold;
			margin-bottom:10px;
		}
		&-date{
			font-size:14px;
			color:#9C9D9E;
		}
	}
	&_speciality{
		&-tag{
			background-color:#FFF;
			border:1px solid #79B1F8;
			display:inline-block;
			height:32px;
			padding:0 10px;
			line-height:30px;
			font-size:12px;
			color:#000;
			font-weight:bold;
			border-radius:4px;
			margin-right:10px;
		}
	}
	&_banpicimg{
		position:absolute;
		bottom:50px;
		left:530px;
	}
}
.s20000 .el-table .row-expand-cover .cell .el-table__expand-icon{
	display:none;
}
.s20000 .el-table__expanded-cell[class*=cell]{
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
}
.s20000 .el-table__expanded-cell[class*=cell]{
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
}
.s20000 .s5000 .el-table__body-wrapper{
	overflow-x:hidden !important;
}
.s5000 td{
	border-bottom:0;
}
.profile-flag{
	width:25px;
	height:25px;
	border:2px solid rgb(246, 157, 150);
	color:rgb(255, 255, 255);
	background-color:rgb(246, 157, 150);
	margin-top:5px;
	border-radius:24%;
	text-align:center;
	line-height:22px;
	font-size:12pt;
}
.profile-flag-mirror{
	width:25px;
	height:25px;
	border:2px solid rgb(246, 157, 150);
	color:rgb(246, 157, 150);
	background-color:rgb(255, 255, 255);
	margin-top:5px;
	border-radius:24%;
	text-align:center;
	line-height:22px;
	font-size:12pt;
}
.el-form--label-top .el-form-item__label{
	width:100%;
	padding:0 0 8px;
	line-height:1;
	color:$color-gray-700;
}
.el-form--label-top .el-form-item__content{
	line-height:1;
}
.el-form--label-top .form-text{
	display:inline-block;
	line-height:1.3;
}
.dialog-table .el-table__header{
	width:100% !important;
}
.dialog-table .el-table__body{
	width:100% !important;
}
.renewalContractPeriodYear .el-form-item__error{
	width:300px !important;
}
.gps-info_experience .el-collapse-item__arrow{
	margin-right:50%;
}
.gps-info_education .el-collapse-item__arrow{
	margin-right:50%;
}
.reject-dialog .el-dialog__body{
	padding:20px 20px 0 0 !important;
}
.transaction .el-popper[x-placement^=bottom]{
	width:auto !important;
	min-width:295px;
}
.notification .cb{
	font-size:14px;
	color:#67ADFD;
}
.notification .notification_btn{
	display:block;
	margin:10px auto;
	width:100px;
}
.multipleGrade .remark{
	display:inline-block;
	white-space:pre-wrap;
	word-break:break-word;
	width:100%;
	min-height:32px;
	line-height:32px;
	background:#F5F7FA;
	border:1px solid #E4E7ED;
	color:#C0C4CC;
	border-radius:4px;
	padding:0 10px;
}
.multipleGrade .fill-required{
	padding-left:16px;
}
.multipleGrade .is-fill{
	margin-bottom:0;
}
.post .el-card__body{
	padding:0;
}
// 底部固定按钮样式
.s-btn-footer{
	height:auto;
	padding-top:20px;
}
.bottom-btn-placeholders{
	height: 100px;
}
// 附件标题样式
.s-part-header{
	&__title{
		line-height:1;
		font-size:18px;
		color:$color-black;
	}
	&__tip{
		margin-top:8px;
		line-height:1.4;
		font-size:13px;
		color:$color-gray-700;
	}
}
// 附件卡片样式
.s-part-card{
	margin-top:15px;
	padding:18px;
	background:#F4F8FE;
	border-radius:4px;
	line-height:1;
	&__title{
		margin-bottom:15px;
		font-size:15px;
		color:$color-black;
	}
}
// 附件列表样式
.s-part-list{
	&__item{
		display:flex;
		&:not(:first-child){
			margin-top:12px;
			padding-top:12px;
			border-top:dashed 1px $color-gray-400;
		}
	}
	&__title{
		flex:auto;
		color:$color-gray-800;
	}
	&__btn{
		flex:none;
		margin-left:10px;
	}
}
.el-table__fixed,
.el-table__fixed-right {
  //height: auto !important; // 让固定列的高自适应，且设置!important覆盖ele-ui的默认样式
  //bottom: 16px !important; // 固定列默认设置了定位，    position: absolute;top: 0;left: 0;只需要再设置一下bottom的值，让固定列和父元素的底部出现距离即可
}
// 表单布局样式
.s-form-layout{
	display:flex;
	&__input{
		flex:1;
		& + &{
			padding-left:10px;
		}
	}
	&__text{
		flex:none;
		padding:0 10px;
		& + &{
			padding-left:0;
		}
		&:first-child{
			padding-left:0;
		}
		&:last-child{
			padding-right:0;
		}
		&--tip{
			font-size:12px;
			color:$color-gray-600;
		}
	}
}
