/*****************************/

.backstage-account-navigation {
	height:460px;
}


































/***********************************/

.backstage-account-info-container {
	width:100%;
	position: relative;
}

.backstage-account-info-navigation {
	width:100%;
	height:50px;
	line-height: 50px;
	font-size:18px;
	border-bottom:2px solid #ccc;
	box-sizing:border-box;
}

.backstage-account-info-navigation-item {
	width:100px;
	height:50px;
	text-align: center;
	float:left;
	box-sizing:border-box;
	cursor: pointer;
}

.account-info-focus {
	color:#f33;
	border-bottom:2px solid #f33;
}

.backstage-account-main-info-container {
	width:100%;
	position: relative;
	height:450px;
	overflow: hidden;
}

.backstage-account-basic-info-container {
	width:100%;
	position: absolute;
	left:-0%;
}

.backstage-account-basic-info {
	width:100%;
	height:250px;
	border-bottom:1px solid #ccc;

}

.backstage-account-more-info {
	width:100%;
	height:200px;
}

.account-more-info-title {
	width:140px;
	height:50px;
	line-height: 50px;
	text-align: center;
}

.account-more-info-title i {
	font-size:13px;
	margin-left:3px;
}




/**/
.backstage-head-container {
	position: absolute;
	width:100%;
	height:450px;
	left:100%;
}

.upload-head-container {
	width:520px;
	padding:20px;
	float:left;
}

.upload-head-container label {
	display:block;
	width:200px;
	height:40px;
	line-height: 40px;
	text-align: center;
	background:#eee;
}

#upload-btn {
	display: none;
}

.upload-tip {
	margin-top:10px;
	font-size:13px;
	margin-bottom:20px;
}

.upload-view-container {
	width:400px;
	height:150px;
	background:#eee;
}

.upload-head {

}

.recommand-head-container {
	width:400px;
	height:130px;
}

.recommand-head-title {
	font-size:16px;
	margin-top:20px;
	margin-bottom:10px;
}

.recommand-head {
	width:100%;
	height:100px;
}

.recommand-head ul li {
	width:45px;
	float:left;
	height:45px;
	margin-right:5px;
	margin-bottom:5px;
	background:#ccc;
}

.submit-head {

}

.preview-head-container {
	float:left;
	width:300px;
	padding:0 20px;
	height:400px;
	border-left:1px solid #ccc;
	margin-top:30px;
}

.preview-head-title {
	font-size:18px;
	margin-bottom: 5px;
}

.preview-head-tip {
	margin-bottom: 5px;
}

.preview-head-normal img {
	display: block;
	width:100px;
	height:100px;
	margin-bottom: 5px;
	margin-top:20px;
}

.preview-head-tiny img {
	display: block;
	margin-top:40px;
	width:50px;
	height: 50px;
}


/********************/
.backstage-account-basic-info span {
	width:120px;
	text-indent: 2em;
	height:30px;
	line-height: 30px;
	margin-top:10px;
	display: inline-block;
}

#tel, #email {
	display: inline-block;
}

.edit, .valided {
	margin-left:10px;
	font-size:12px;
	cursor:pointer;
}

.edit {
	color:#33c;
}

.valided {
	color:#999;
}

.account-more-info-container span{
	margin-left:2em;
	height:30px;
	line-height: 30px;
	margin-right:20px;
}