@CHARSET "UTF-8";


/*清浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}

.edit-team-members{
	width: 688px;
	height: 490px;
	background-color: #fff;
}
.edit-team-members-container{
	width: 648px;
	height: 438px;
	margin-left: 20px;
}
.edit-team-members-container p.total{
	width: 100%;
	height: 50px;
	line-height: 50px;
}
.edit-team-members-shops{
	width: 100%;
	height: 387px;
	border: 1px solid #f0f0f0;
}
.edit-team-members-shops .edit-shops-fl{
	float: left;
	width: 118px;
	height: 387px;
}
.edit-team-members-shops .edit-shops-fcenter{
	float: left;
	width: 38px;
	height: 387px;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	background-repeat: no-repeat;
	background-image: url("image/tm_center.png");
	background-position: center;
}
.edit-team-members-shops .edit-shops-fr{
	float: left;
	width: 490px;
	height: 387px;
}
.edit-team-members-shops .edit-shops-fl-title{
	width: 100%;
	height: 22px;
	line-height: 22px;
	border-bottom: 1px solid #f0f0f0;
}
.edit-team-members-shops .edit-shops-fl-title span{
	padding-left: 10px;
}
.edit-team-members-shops .edit-shops-fl-title-bg{
	background-color: #f6fffe;
}
.edit-team-members-shops .edit-shops-fl-title-bg span{
	padding-left: 15px;
}
.edit-team-members-shops ul.team-members-all{
	width: 100%;
	height: 365px;
	overflow-y:auto; 
}
.edit-team-members-shops ul.team-members-all li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}
.edit-team-members-shops ul.team-members-all li.active{
	background-color: #eeeeee;
}
.edit-team-members-shops ul.team-members-all li.activeClick{
	background-image: url("image/tm_right.png");
	background-repeat: no-repeat;
	background-position: 82px center;
}
.edit-team-members-shops .team-members-all img{
	float: left;
	width: 23px;
	height: 23px;
	margin-left: 10px;
}
.edit-team-members-shops .team-members-all span{
    float: left;
	margin-left:4px; 
}
.edit-shops-fr .edit-shops-list{
	width: 100%;
	height: 365px;
	background-color: #fafefd;
	overflow-y: auto; 
}
.edit-shops-fr .edit-shops-list .edit-shops-ul{
	float: left;
}
.edit-shops-fr .edit-shops-list .edit-shops-li{
	float: left;
	width: 100%;
	height: 94px;
	overflow: hidden;
	border-bottom: 1px solid #f0f0f0;
}
.edit-shops-fr .edit-shops-list .edit-shops-active{
	background-color: #fdf6da;
}
.edit-shops-li .edit-shops-li-fl{
	float: left;
	width: 68px;
	height: 94px;
}
.edit-shops-li .edit-shops-li-fl img{
	float: left;
	margin-left: 17px;
	margin-top: 10px;
	width: 40px;
	height: 40px;
}
.edit-shops-li .edit-shops-li-fr{
	float: left;
	width: 400px;
	height: 94px;
}
.edit-shops-li .edit-shops-li-fr div{
	float: left;
	width: 100%;
}
.edit-shops-li .edit-shops-li-fr .teamMemberRole{
	margin-top:4px;
}
.edit-shops-li .edit-shops-li-fr .teamMemberRole a{
	float: right;
	display: none;
	margin-top: 8px;
	margin-right: 5px;
	width: 13px;
	height: 13px;
	background-image: url("image/tm_close.png");
}
.edit-shops-active .edit-shops-li-fr .teamMemberRole a{
	display: block;
}
.edit-shops-li .edit-shops-li-fl label{
	color: #5a5a5a !important;
	width:40px;
	text-align: center;
	padding-top:4px;
	margin-left:17px;
	display: block;
	float: left;
}
.edit-shops-li .edit-shops-li-fr span.teamMemberTitle{
	float: left;
	display: block;
	width: 50px;
	line-height: 27px;
	margin-left: 2px;
	text-align: right;
	padding-right: 7px;
}
.edit-shops-li-fr input[type=text],.edit-shops-li-fr select{
	float: left;
	width: 140px;
	height: 25px;
	margin-top: 2px;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.edit-shops-li-fr input[type=text]{
	display: none;
	width: 130px;
    margin-left: 10px;
    height: 18px;
    line-height: 18px;
}
.edit-shops-li .edit-shops-li-fr span.custom{
	float: left;
	display: block;
	width: 50px;
	height: 23px;
	line-height: 23px;
	margin-left: 10px;
	margin-top: 2px;
	padding-left: 27px;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color: #f3f3f3;
	background-image: url(image/tm_custom.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	cursor: pointer;
}
.edit-shops-li-fr textarea{
	float: left;
	margin-top: 5px;
	width: 326px;
	height: 45px;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	resize:none;
}


/*editMemberStructure*/

.edit-member-structure{
			float: left;
			width: 714px;
			background-color: #fff;
		}
		.edit-member-structure .structure-container{
			float: left;
			width: 660px;
			margin-left: 30px;
		}
		.structure-container h2{
			float: left;
			width: 100%;
			margin-top: 10px;
			height: 26px;
			line-height: 26px;
			font-size: 14px;
			color: #111;
		}
		.structure-container h2 span{
			float:left;
		}
		span.edit-member-errMag{
			display:block;
			position:relative;
			margin-left:10px;
			background-color:#ffebec;
			font-size:12px;
			color:#e2393c;
			padding:0 6px;
			height:24px;
			line-height:24px;			
			border:1px solid #ffbdbe;
			
		}
		span.edit-member-errMag em{
			position:absolute;
			width:6px;
			height:9px;
			left: -6px;
    		top: 7px;
			background:url(https://www.jointforce.com/styles/images/kvalidata.png) no-repeat -22px -12px;
		}
		.structure-container p{
			float: left;
			width: 100%;
			line-height: 22px;
		}
		.member-structure-role-ul{
			float: left;
			margin-top: 4px;
			border-top: 1px solid #f0f0f0;
			border-left: 1px solid #f0f0f0;
			background-color: #fcfcfc;
		}
		.member-structure-role-ul .member-structure-role-li{
			float: left;
			position: relative;
			width: 218px;
			height: 48px;
			line-height: 48px;
			border-bottom: 1px solid #f0f0f0;
			border-right: 1px solid #f0f0f0;
		}
		.member-structure-role-li span.title{
			float: left;
			display: block;
			width: 88px;
			height: 48px;
			line-height: 48px;
			text-align: right;
		}
		.member-structure-role-li input[type=text]{
			float: left;
			width: 56px;
			height: 20px;
			line-height: 20px;
			margin-top: 12px;
			border: 1px solid #d2d2d2;
			border-radius: 4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
		.member-structure-role-li i{
			float: left;
			line-height: 48px;
			margin-left: 10px;
		}
		.member-structure-role-li span.custom{
			float: left;
			display: block;
			width: 50px;
			height: 23px;
			line-height: 23px;
			margin-left: 64px;
			margin-top: 12px;
			padding-left: 27px;
			border: 1px solid #d2d2d2;
			border-radius: 4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			background-color: #f3f3f3;
			background-image: url(image/tm_custom.png);
			background-repeat: no-repeat;
			background-position: 8px 5px;
			cursor: pointer;
		}

		.member-structure-role-li .add-member-role{
			display: none;
			position: absolute;
			left: -1px;
			top:-1px;
			width: 218px;
			height:70px;
			border: 1px solid #d2d2d2;
			background-color: #fff;
			z-index: 999999;
		}
		.add-member-role input[type=text].customRoleName{
			width: 120px;
			margin-left: 7px;
			margin-top: 10px;
		}
		.add-member-role input[type=text].peopleNum{
			width: 27px;
			margin-left: 7px;
			margin-top: 10px;
		}
		.add-member-role i{
			margin-top: 14px;
			line-height: normal;
		}

		.add-member-role button{
			border: none;
			background-color: #fff;
		}
		.add-member-role button {
		    float: left;
		    margin-top: 12px;
		    width: 44px;
		    border: none;
		    background-color: #fff;
		}
		.add-member-role button.addRoleNameBtn {
			color: #3cae94;
		}
		.member-structure-footer{
			float: left;
			margin-top: 10px;
			width: 100%;
			height: 50px;
			text-align: right;
		}
		.member-structure-footer button{
			width: 90px;
			height: 35px;
			border: none;
			background-color: #fff;
			color: #3497db;
		}
		.member-structure-footer button.saveAddRole{
			background-color: #3cae94;
			color: #fff;
			border-radius: 5px;
		}