/*�û���������*/
.main-content-mode-wp .form-title{
	padding: 0 0 9px 39px ;
	height: 74px;
	line-height: 54px;
	font-size: 32px;
	font-weight: 600;
	color: #333333;
	border-bottom: 1px solid #DDDDDD;
}
.main-content-mode-wp{
	padding-left: 0;
}
.main-content{
	padding-left: 39px;
}
.main-content-left,
.main-content-right{
	float: left;
}
.main-content-left{
	max-width: 548px;
	min-width: 50%;
}
.main-content-right {
	max-width: 670px;
	min-width: 50%;
}
.form-item{
	/*float: left;*/
	margin-top: 28px;
	/*height: 34px;*/
	line-height: 34px;
}
.form-item .tip{

	margin-right: 10px;
	display: inline-block;
	width: 105px;
	font-size: 16px;
	color: #555;
}
#project .tip{
	margin-right: 10px;
	display: inline-block;
	width: 105px;
	font-size: 16px;
	color: #555;
}
.form-item .tip.required{
	position: relative;
}
.form-item .tip.required:after{
	display: block;
	position: absolute;
	content: '*';
	color: #EE1212;
	left: -8px;
	top: 0;
}

/*.main-content-right .form-item .tip{
	width: 105px;
}*/
.form-item .item-input{
	padding: 0 8px;
	width: 271px;
	color: #333;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background: #FCFCFC;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
}
.form-item.second {
	margin-left: 33px;
}
.form-item.phone-item{
	position: relative;
}
.phone-item .phone-tip{
	position: absolute;
	top: 47px;
	left: 120px;
	line-height: 22px;
	color: #f00000;
	font-size: 12px;
}
.role-wp {
	margin-top: 23px;
}
.role-wp .role-con{
	float: left;
}
.role-wp .tip{
	margin-right: 10px;
	float: left;
	width: 105px;
	font-size: 16px;
	color: #555;
}
.role-line{
	width: 548px;
	padding: 12px 72px 12px 20px;
	margin-bottom: 20px;
	position: relative;
	border: 1px solid #DDDDDD;
}
.role-line .role-name{
	line-height: 22px;
	font-size: 16px;
	color: #333333;
}
.role-line .role-charge{
	padding-top: 3px;
	line-height: 20px;
	font-size: 14px;
	color: #999999;
}
.del-btn{
	height: 20px;
	position: absolute;
	top: 50%;
	right: 20px;
	font-size: 14px;
	color: #999999;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);	/* IE 9 */
	-moz-transform: translateY(-50%); 	/* Firefox */
	-webkit-transform: translateY(-50%); /* Safari �� Chrome */
	-o-transform: translateY(-50%);	/* Opera */
}
.del-btn:hover{
	color: #F61D40 ;
	cursor: pointer;
}
.del-btn .del-icon{
    position: relative;
    top: 2px;
	display: inline-block;
	width: 15px;
	height: 16px;
	background: url("../../images/del_icon.png") no-repeat center center;
	background-size: contain;
}
.del-btn:hover .del-icon{
	background: url("../../images/del_active_icon.png") no-repeat center center;
	background-size: contain;
}
.add-role-btn{
	margin-bottom: 78px;
	width: 548px;
	height: 68px;
	line-height: 68px;
	background: #F3F3F3;
	font-size: 16px;
	color: #009DFF;
	text-align: center;
	cursor: pointer;
}
.operate-btn-wp{
	margin-top: 50px;
	width: 100%;
	text-align: center;
}
.operate-btn-wp .cancel-btn{
	margin-left: 29px;

}

/*���ϵͳ��ɫ����*/
.dialog-choose-con{
	width: 625px;
}
.choose-person-btns{
	height: 78px;
	text-align: center;
}
.choose-person-btns .choose-person-sure-btn{
	margin-top: 22px;
	padding: 0;
	border: none;
	background: #EE1A3B;
	border-radius: 4px;
	width: 120px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
}
.choose-person-left,
.choose-person-right{
	float: left;
	height: 400px;
	overflow: auto;
}
.choose-person-wp{
	border-bottom: 1px solid #ddd;
}
.choose-person-left {
	width: 160px;
	border-right: 1px solid #ddd;
}
.choose-person-right{
	padding: 30px 16px 30px 30px;
	width: 465px;

}
.user-name:read-only,
.company-name:read-only{
	cursor: not-allowed;
	
}

.person-item{
	cursor: pointer;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #333333;
}
.person-item.active{
	background: #34A0FE;
	color: #fff;
}
.respons-item{
	cursor: pointer;
	display: inline-block;
	margin: 0 14px 14px 0;
	padding: 0 10px;
	border: 1px solid #DDDDDD;
	height:  32px;
	line-height: 32px;
	min-width: 83px;
	font-size: 16px;
	color: #333333;
	background: #fff;
	text-align: center;
}
.respons-item.active{
	background: #34A0FE;
	color: #fff;
	border: 1px solid #34A0FE;
}
.no-respons{
	line-height: 340px;
	text-align: center;
	font-size: 14px;
	color: #666666;
}
.choose-all-wp{
	
	float: none;
	
	height: 38px;
}

.choose-all-wp .radio-wp{
	margin-right: 38px;
}
#companyDiv{
	margin-top: 8px;
}