.ren-body {
  padding: 4px;
}

[v-cloak] {
  display: none;
}

.grid-btn {
  margin-bottom: 12px;
}

.grid-btn .btn {
  margin-right: 10px;
}

.pointer {
  cursor: pointer;
}

.not-underline a:focus, .not-underline a:hover {
  text-decoration: none;
}

.ren-form {
  margin-top: 13px;
}
.layui-table-page,.treegrid-table tbody{
  text-align: center;
}
.text-right{
  text-align: right;
}
.must {
  border-right: 2px solid red !important;
}
.layui-input-inline .must:hover,.layui-input-inline .must:focus{
  border-right: 2px solid red !important;
}
.disable {
  border-right: 2px solid #CCCCCC !important;
  background: white;
}
.layui-upload-img{
  width: 100px;
  height: 100px;
  margin:10px 10px 10px 0;
  border:1px solid #cccccc;
}
.photoBox{
  display: block;
  width: 100px;
  cursor: pointer;
}
.photo{
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  opacity: 0;
  cursor: pointer;
}
.layui-form-label{
  width: 120px;
}
.layui-input-block {
  margin-left: 150px;
  margin-right: 10px;
}
.fixed-table-container{
  overflow: auto;
}
.hidden{
	display: none;
}
/*提示信息*/
.layui-layer-content{
	padding: 10px;
}
/*派遣财务管理*/
#fileListUp>span{
	display: inline-block;
	width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*岗位需求管理*/
.disabledTypeNameBox{
  width: 58%;
  height: 40px;
  resize:none
}

.margin-10{
  margin: 10px;
}

.margin-left-10{
  margin-left: 10px;
}

.img-border{
  border:1px #a9a9a97a solid;
}
/*默认首页*/
.larry-container>h1{
	width: 100%;
	text-align: center;
	line-height: 200px;
	font-size: 50px;
}


/*处理从右往左的滑动 动画*/
.layer-anim-07 {
    -webkit-animation-name: layer-zoomInRight;
    animation: layer-zoomInRight 3s;

}

@-webkit-keyframes layer-zoomInRight {
    0%{
        opacity:0;
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}@keyframes layer-zoomInRight  {
     0%{
         opacity:0;
         -webkit-transform:translateX(100%);
         transform:translateX(100%)
     }
     100%{
         opacity:1;
         -webkit-transform:translateX(0);
         transform:translateX(0)
     }
 }
/*列表提示框*/
#container_memgrid{
    position: relative;
}
/*#message{*/
    /*display: none;*/
    /*position: absolute;*/
    /*padding: 20px;*/
    /*background: black;*/
    /*color: white;*/
    /*opacity: 0.8;*/
/*}*/
/*------------------------------------------------------*/
.yourclass{
    color:white;
    background:#0C0C0C!important;
    border:none!important;
}
.definingStyle{
    width: 500px;
    margin: 0px auto;
}
.inline {
    width: 100px!important;
}

.table_0,.tableGreen{
    color: white;
    background-color:#009688;
    border-radius:10px;
    padding: 10px 20px;
}
.table_1,.tableRed{
    color: white;
    background-color:#FF5722;
    border-radius:10px;
    padding: 10px 20px;
}
.table_2,.tableRed1{
    color: white;
    background-color: #ff0798;
    border-radius:10px;
    padding: 10px 20px;
}
.table_3,.tableYellow{
    color: white;
    background-color: #FFB800;
    border-radius:10px;
    padding: 10px 20px;
}
.table_4,.tableYellow1{
    color: white;
    background-color: #ff8801;
    border-radius:10px;
    padding: 10px 20px;
}
.table_5,.tableBlue{
    color: white;
    background-color: #1E9FFF;
    border-radius:10px;
    padding: 10px 20px;
}
.table_6{
    color: white;
    background-color: #c1c1c1;
    border-radius:10px;
    padding: 10px 20px;
}
.addIcon{
    color: #0bb20c;
    padding-right: 10px;
    font-size: 17px;
}
.delIcon{
    color: #ff000e;
    padding-right: 10px;
    font-size: 17px;
}
.userCss{
    font-size: 15px;
    padding-right: 15px;
}
.userList{
    border-bottom: 1px solid #cacaca;
}
.layui-table tbody tr:hover {
    background-color: #f2f2f2f2!important;
}
.showhide{
    padding:9px 10px;
   /* position: fixed;!*固定位置*!*/
    right:5px;
    float: right;
    font-size: 20px;
    color: #1E9FFF;
    height: 15px;
}
.assessperiodClass{
    color:#0C0C0C;
    background: white !important;
    border:1px solid #0C0C0C!important;
}
/* 通用表单 */
.height600{
	height: 600px;
}
/* 控件 */
.controlForm{
	cursor: move;
}
.layui-btn-container>.controlForm{
	width: calc(50% - 10px);
}
.controlForm>div,.controlFormMove>div{
	line-height: 38px;
}
.controlFormMove{
	position: absolute;
	z-index: 100;
	width:calc(100% - 10px);
	cursor: move;
}
.controlBoxB{
	padding: 10px;
	height: 400px;
	border: 1px solid #C9C9C9;
	line-height: 400px;
	text-align: center;
}
.controlBox{
	min-height: 400px;
	height: auto;
}
.lineBox{
	display: none;
	width: 102%;
	height: 20px;
}
.redLeft{
	float: left;
	width: 0;
  height: 0;
  border: 4px solid;
  border-color: transparent red transparent transparent;
}
.redLinde{
	margin:3px -4px;
	float: left;
	width: calc(100% - 20px);
	height: 2px;
	background: red;
}
.redRight{
	float: left;
	width: 0;
	height: 0;
	border: 4px solid;
	border-color: transparent transparent transparent red;
}
.controlBox>.controlForm:hover>div{
	border-style: dashed;
	border-color: #009688 !important;
}
.blackBox{
	margin-top: -38px;
	width: 100%;
	height: 38px;
	background: rgba(0,0,0,0.7);
}
.op7{
	color: transparent;
  text-shadow: #111 0 0 3px;
}
.controlBox>.controlFormMove{
	width: 90%;
}
.controlRuleBox{
	opacity: 0;
}
.activeControl>div{
	border-color: #009688;
}
.activeControl:hover>div{
	border-style: solid !important;
	border-color: #009688 !important;
}
.controlForm>div>div{
	float: left;
}
.controlForm>div>span{
	float: right;
	margin-right: 10px;
}
.controlDel{
	display: none;
	position: absolute;
	right: 17px;
	width: 20px;
	height: 20px;
	background: #009688;
	line-height: 1.3 !important;
	cursor: pointer;
}
.controlDel>i{
	color: #DDDDDD;
	font-weight: 900;
}
.controlBox>.controlForm:hover>div>.controlDel{
	display: block;
}
.controlRuleBox .layui-form-label{
	width: 80px;
}
.controlRuleBox .layui-input-block{
	margin-left: 110px;
}
.optionGroup>div>input{
	float: left;
	margin-right: 10px;
	width: calc(100% - 65px);
}
.optionGroup>div>button{
	margin: 9px 0;
	padding: 0 5px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-weight: 900;
}
.controlExtension,.controlSize{
	display: inline-block;
	width: calc(100% - 55px);
}
.removeOption{
	float: right;
}
/* 流程 */
.procedureFormBox .procedureForm{
	padding: 10px;
	background: #f2f2f2;
}
.procedureForm{
	height: 400px;
	overflow-y: scroll;
}
.procedureFormBox>.layui-tab>.layui-tab-content{
	padding: 0;
}
.procedureFormBox .layui-tab-title i{
	float: right;
}
.procedureFormBox .layui-tab-title>li:hover i{
	display: inline-block;
	color: #FF5722;
}
.procedureForm>ul,.procedureForm>ul>li li{
	margin: 0 auto;
}
.procedureForm>ul .disF{
	display: flex;
	justify-content:space-around;
}
.procedureForm>ul>li{
	display: flex;
	justify-content: center;
}
.procedureForm>ul>li:first-child,.procedureForm>ul>li:last-child{
	display: block;
	margin: 0 auto;
	width: 200px;
}
.procedureForm>ul>li ul{
	display: flex;
	flex-direction: column;
}
.procedureForm>ul>li li{
	display: inline-flex;
	flex-direction: column;
}
.procedureForm>ul>li .disF{
	flex-direction: row;
}
.procedureForm>ul>li>ul>li .layui-card{
	margin-bottom: 0;
	cursor: pointer;
}
.procedureForm>ul>li:first-child>ul>li>.layui-card>.layui-card-header{
	background: #393D49;
	color: white;
}
.procedureForm>ul>li .layui-card i{
	float: right;
}
.procedureCondition i{
	display: none;
}
.procedureCondition:hover i{
	display: inline-block;
}
.lineGray{
	margin: 0 auto;
	width: 2px;
	height: 30px;
	background: #c2c2c2;
}
.horizontalGray,.horizontalGrayRight{
	width: 125px;
	height: 2px;
	background: #c2c2c2;
}
.horizontalGray{
	float: left;
}
.horizontalGrayRight{
	float: right;
}
.addProcedure{
	position: relative;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	background: #009688;
	text-align: center;
	line-height: 40px;
	color: white;
	border-radius: 50%;
	cursor: pointer;
}
.addProcedure i{
	font-size: 28px;
}
.endProcedure{
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background: #c2c2c2;
	border-radius: 50%;
}
.endProcedureM{
	text-align: center;
	color: #c2c2c2;
}
.procedureRule{
	display: none;
	position: absolute;
	top: 163px;
	right: 0;
	padding: 10px;
	height: 500px;
	background: white;
}
.procedureRuleTitle{
	background: transparent;
	border: 0;
}
.addRole,.delRole{
	float: left;
	margin: 8px;
	width: 22px;
	height: 22px;
	font-size: 22px;
	text-align: center;
	line-height: 22px;
	color: white;
	cursor: pointer;
}
.addRole{
	background: #009688;
}
.delRole{
	background: #FF5722;
}
.procedureRuleActive{
	border: 1px solid #009688;
}
.chooseAdd{
	display: none;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	width: 250px;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.procedureRulePeopleBox>div>.layui-input-inline{
	width: 100px;
}
.lineHeight{
	margin: 0 auto;
	width: 2px;
	height: 100%;
	background: #C2C2C2;
}
.removeDom>.layui-card{
	display: none;
}
/* 通用遮罩 */
.allBlack{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000000;
	width: 100%;
	background: rgba(0,0,0,0.8);
	text-align: center;
	color: white;
	font-size: 37px;
	font-weight: 900;
}

.center, .center div, .center th{
	margin: 0 !important;
	text-align: center !important;
	vertical-align: middle !important;
	float: none !important;
}

.center dl,.center dd{
	text-align: start !important;
}

.width100Percent{
	width: 100% !important;
}

.blueBorderRight {
	border-right: 2px solid #1E9FFF !important;
}

.friendshipBox{
	width: 100%;
	max-width: 1260px;
	min-width: 755px;
	margin: 0 auto;
	padding: 15px 0 0 0 ;
	overflow:hidden;
}

.friendshipBox>a{
	width: 29%;
	margin: 10px 15px;
	height: 90px;
	color: #00004E;
	background: #FCFCFC;
	border: 1px solid #E5E5E5;
	padding: 6px 10px;
	text-decoration: none;
	float: left;
	overflow: hidden;
}

.friendshipBox>a>img{
	float: left;
	margin:20px 35px 20px 20px;
	border-radius: 5px;
	display: block;
	width: 50px;
	height: 50px;
}

.itemTop{
	display: block;
	font-size: 20px;
	margin:30px 15px 0 0;
	text-align: left;
	font-weight: 500;
}

.itemContent{
	display: block;
	color: #797979;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
}

.friendshipBox>a:hover{
	background:#FFFFFF;
}

.file-btn{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	outline: none;
	background-color: transparent;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.numBox{
	position: relative;
}
.numBox span{
	position: absolute;
	right: 10px;
	top: 10px;
	color: #ccc;
}

.recordList{
	padding: 5px 0;
	border-bottom: 1px dashed #9a9a9a;
}
.leftTitle{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	font-size: 20px;
	font-weight: 600;
	margin: 10px 0;
}
.keysBoxs{
	padding: 0 10px;
	border-right: 1px solid #9a9a9a;
}
.keysBox{
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	min-height: 110px;
}
.keysFrame{
	margin: 10px;
}
.button{
	width: 60px;
	/* height: 30px;
	line-height: 30px; */
}
.title{
	margin:8px 0 5px;
	font-weight: 600;
	font-size: 16px;
}
.briefIntroduction{
	width: 130px;
	color:#7F7F7F;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.setUp{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 10px 0;
}
.audioBox{
	margin:10px 20px;
}
.audioTitles{
	display:flex;
	align-items: center;
}
.leftTitles{
	font-size: 20px;
	font-weight: 600;
	margin-right: 50px;
}
.titles{
	margin-right: 50px;
	font-weight: 600;
	font-size: 16px;
}
.briefIntroductions{
	color:#7F7F7F;
	width: 800px;            
	white-space: nowrap;     
	overflow: hidden;  
	text-overflow: ellipsis;
}
.audios{
	margin-top:10px;
	display:flex;
	align-items: center;
}
.audioPlayerBox {
    padding: 20px 10px;
}
.audioPlayer{
	width: 100%;
}
#audioPlayer{
	width: 60%;
	margin-right: 50px;
}
.loadStatus{
	background: #ffb800;
	padding: 18px 10px;
	border-radius: 5px;
	color: #ffffff;
}
.playingStatus{
	background: #00bfbf;
	padding: 18px 10px;
	border-radius: 5px;
	color: #ffffff;
}
.playedOutStatus{
	background: #d9001b;
	padding: 18px 10px;
	border-radius: 5px;
	color: #ffffff;
}
.sound-btn{
	cursor: pointer;
}
#soundPlayer{
	width: 100%;
}
.none {
    line-height: 26px;
    padding: 15px;
    text-align: center;
    color: #999;
}

#hidden-input{
	position: absolute; 
	left: -9999px; 
	top: -9999px;
}