@charset "UTF-8";
.w990 .personal-member {
	width: 990px
}

.w990 .personal-member .main-wrap {
	width: 818px
}

.w990 .head-list-wrap {
	width: 597px
}

.personal-member .main-wrap {
	width: 1068px;
	margin: 15px 0 30px 180px;
	padding: 0 0 39px 0;
	border: 1px solid #ddd;
	background: #fff
}

.personal-member .main-wrap h3 {
	height: 38px;
	padding: 0 10px;
	background: #fafafa;
	color: #666
}

.personal-member .main-wrap h3 strong {
	line-height:38px;
}

.personal-member .main-wrap h3 span {
	float: right;
	font: 400 12px/38px simsun
}

.personal-member .cont-main {
	width: 1068px;
	overflow: visible
}

.vip {
	display: inline-block;
	width: 43px;
	height: 25px;
	background: url(images/icon-nameInfo.png?v=201602180925) top left no-repeat;
	vertical-align: -5px
}

.vip-new {
	background-position: -54px -66px
}

.vip-1 {
	background-position: -99px -66px
}

.vip-2 {
	background-position: -54px -93px
}

.vip-3 {
	background-position: -99px -93px
}

.user-profile {
	width: 968px;
	margin-left: 66px;
	padding: 30px 0;
	border-bottom: 1px solid #f1f1f1
}

.w990 .user-profile {
	width: 718px
}

.user-profile-wrap {
	float: left;
	position: relative;
	/*width: 200px;*/
	height: 120px
}

.user-profile-wrap .vip {
	position: absolute;
	right: 0;
	top: 10px
}

.user-profile .profile-avatar {
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
	border: 5px solid #e3e3e3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden
}

.user-profile .profile-avatar img {
	position: relative;
	top: -5px;
	left: -5px;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%
}

.user-profile .profile-avatar a {
	position: absolute;
	left: -5px;
	top: 90px;
	width: 120px;
	height: 25px;
	text-align: center;
	color: #FFF;
	z-index: 2
}

.user-profile .profile-avatar .edit_bg {
	position: absolute;
	left: -5px;
	top: 88px;
	width: 120px;
	height: 25px;
	font-size: 0;
	opacity: .5;
	z-index: 1;
	background: #000;
	filter: alpha(opacity=50)
}

.user-profile .profile-info {
	float: left;
	margin-left: 25px;
	padding-top: 35px
}

.profile-info .control-label {
	width: auto
}

.profile-info .profile-member {
	height: 25px;
	line-height: 25px
}

.profile-member em {
	margin: 0 8px
}

.profile-member .shoppingDays {
	color: #666
}

.profile-member .shoppingDays b {
	color: #333
}

.profile-link {
	color: #2272c8
}

.tab-switch {
	display: none
}

.personal-wrap-show {
	display: block
}

.menu-list {
	height: 40px;
	border-bottom: 1px solid #ddd
}

.menu-list li {
	float: left;
	width: 181px;
	height: 40px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	font: 700 16px/39px "Microsoft Yahei"
}

.menu-list li a {
	display: block;
	width: 181px;
	height: 40px;
	color: #333;
	text-decoration: none
}

.menu-list li a:hover {
	color: #f60;
	text-decoration: none
}

.menu-list .current {
	border-bottom: 1px solid #fff
}

.menu-list .current a {
	color: #f60
}

.form-list {
	margin-top: 30px
}

.form-list .control-group {
	margin-bottom: 20px
}

.control-group {
	margin-bottom: 25px
}

.control-label {
	float: left;
	width: 194px;
	text-align: right;
	line-height: 26px;
	color: #666
}

.control-label em {
	color: red
}

.controls {
	position: relative;
	float: left
}

.controls .text {
	width: 140px;
	height: 28px;
	padding: 10px 5px;
	border: 1px solid #bbb;
	line-height: 18px
}

.controls i.date-line {
	color: #bbb
}

.controls .constellation {
	width: 90px;
	margin-left: 3px;
	text-align: center;
	color: #999
}

.controls .default {
	/*background: #EEE;*/
	color: #b5b5b5
}

.controls input.error-border {
	border: 1px solid #f55
}

.controls input.error-focus {
	border: 1px solid #76abf3
}

.controls .sex-label input {
	float: left;
	margin-top: 7px
}

.controls .sex-label span {
	float: left;
	margin: 5px 20px 0 5px
}

.controls a {
	color: #2272c8;
	text-decoration: none
}

.controls a:hover {
	color: #f60;
	text-decoration: underline
}

.controls .image-border {
	border: 1px solid #efefef
}

.controls .image-icon {
	position: absolute;
	right: -8px;
	top: -8px;
	z-index: 1
}

.controls select {
	width: 152px;
	height: 26px;
	color: #999
}

.controls select option {
	color: #333
}

.controls .adress-detail {
	position: relative;
	margin-top: 11px
}

.controls .adress-detail input {
	width: 335px
}

.controls .ide-num-modify {
	line-height: 26px
}

.controls .ide-num-modify span {
	color: #333;
	margin-right: 5px
}

.controls .btn-sub {
	float: left;
	width: 103px;
	height: 33px;
	margin: 19px 0 0 194px;
	border: 1px solid #eda200;
	background: #eda200;
	border-radius: 2px;
	font: 14px/36px "Microsoft Yahei";
	text-align: center;
	color: #fff;
	text-decoration: none
}

.controls .btn-sub:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #ffae00;
	background: #ffae00
}

.controls .btn-sub-ing {
	border: 1px solid #ddd;
	background-color: #eee;
	color: #bbb;
	cursor: default
}

.controls .btn-sub-ing:hover {
	color: #bbb;
	text-decoration: none;
	border: 1px solid #ddd;
	background: #eee
}

.controls .image-tips {
	position: absolute;
	bottom: -22px;
	left: 0;
	width: 120px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background: rgba(0, 0, 0, .3)
}

.controls .image-tips a,
.controls .image-tips a:hover {
	color: #fff;
	text-decoration: none
}

.controls .image-tips-wrap {
	position: relative;
	width: 120px;
	height: 120px;
	overflow: hidden
}

.controls .tips-words {
	position: absolute;
	left: 5px;
	top: 0;
	height: 26px;
	line-height: 26px;
	color: #999
}

.controls .date-icons {
	position: absolute;
	left: 127px;
	top: 6px;
	width: 20px;
	height: 15px;
	background: url(images/littleIcon.png) no-repeat;
	background-position: -108px -4px;
	cursor: pointer
}

.controls .dateSelector {
	display: inline-block
}

.controls .changeAuthCode {
	display: inline-block;
	width: 40px;
	line-height: 14px;
	vertical-align: top
}

.controls .authCode {
	margin: 0 2px;
	border: 1px solid #ddd;
	vertical-align: top
}

.lh26 {
	line-height: 26px
}

.lh26 span {
	color: #333;
	margin-right: 5px
}

.error-place i {
	float: left;
	width: 16px;
	height: 16px;
	margin: 5px 5px 0 10px;
	background: url(images/tipIcon.png) no-repeat
}

.error-place .error {
	background-position: -183px -211px
}

.error-place .tips {
	background-position: -183px -70px
}

.error-place .right {
	background-position: -182px 0
}

.error-place span {
	float: left;
	margin-top: 5px;
	color: #666
}

.error-place span.err-msg {
	color: red
}

.mt29 i,
.mt29 span {
	margin-top: 29px
}

.ml0 i {
	margin-left: 0
}

.member-info-wrap {
	margin-top: 40px;
	margin-bottom: 10px;
	padding: 0 20px
}

.member-info {
	padding-top: 10px;
	color: #666;
	border-top: 1px solid #eee
}

.head-wrap {
	position: relative;
	min-height: 458px;
	width: 1068px;
	overflow: hidden
}

.head-cont {
	margin: 30px 0 30px 60px
}

.head-cont .current {
	color: #f60
}

.head-cont .current i.custom {
	background-position: 0 0
}

.head-cont .current i.system {
	background-position: 0 -84px
}

.head-cont .hover {
	color: #f60
}

.head-cont .hover i.custom {
	background-position: 0 0
}

.head-cont .hover i.system {
	background-position: 0 -84px
}

.head-title {
	float: left;
	cursor: pointer
}

.head-title i {
	float: left;
	width: 26px;
	height: 26px;
	background: url(images/littleIcon.png) no-repeat
}

.head-title i.custom {
	background-position: 0 -28px
}

.head-title i.system {
	background-position: 0 -56px
}

.head-title span {
	float: left;
	margin-left: 8px;
	margin-top: 4px;
	padding-right: 20px;
	font: 700 14px/19px "Microsoft Yahei"
}

.head-title .right-bor {
	border-right: 1px solid #ddd;
	margin-right: 20px
}

.head-choice {
	position: relative;
	float: left;
	width: 1008px;
	padding-left: 60px
}

.choice-tips {
	color: #333
}

.choice-tips span {
	color: #999
}

.choice-images {
	position: relative;
	float: left;
	width: 298px;
	height: 298px;
	margin-top: 10px;
	border: 1px solid #ddd;
	overflow: hidden
}

.choice-images .file {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 600px;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 2;
	cursor: pointer
}

.choice-images .click-upload {
	position: absolute;
	top: 104px;
	left: 99px;
	width: 95px;
	height: 90px;
	background: url(images/littleIcon.png) no-repeat;
	background-position: -44px -20px;
	z-index: 1
}

.choice-scan {
	float: left;
	margin: 110px 0 0 80px
}

.choice-scan .scan-title {
	color: #333
}

.choice-scan .scan-title span {
	color: #999
}

.choice-scan .scan-image {
	width: 119px;
	height: 119px;
	margin-top: 10px;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 119px;
	color: #999
}

.choice-scan .scan-image img {
	display: block
}

.btn {
	margin-top: 25px
}

.btn a {
	float: left;
	padding: 6px 20px;
	border-radius: 2px;
	text-decoration: none;
	font: 700 14px/14px "Microsoft Yahei"
}

.btn .save {
	color: #fff;
	border: 1px solid #eb7f00;
	background: #f88600;
	background: -moz-linear-gradient(top, #ffa31a, #f88600);
	background: -ms-linear-gradient(top, #ffa31a, #f88600);
	background: -o-linear-gradient(top, #ffa31a, #f88600);
	background: -webkit-linear-gradient(top, #ffa31a, #f88600);
	background: linear-gradient(top, #ffa31a, #f88600)
}

.btn .save:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #f90;
	background: #ff9c01;
	background: -moz-linear-gradient(top, #ffa31a, #ff9c01);
	background: -ms-linear-gradient(top, #ffa31a, #ff9c01);
	background: -o-linear-gradient(top, #ffa31a, #ff9c01);
	background: -webkit-linear-gradient(top, #ffa31a, #ff9c01);
	background: linear-gradient(top, #ffa31a, #ff9c01)
}

.btn .chanel {
	margin-left: 10px;
	color: #666;
	border: 1px solid #ddd;
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #fefefe, #f2f2f2);
	background: -ms-linear-gradient(top, #fefefe, #f2f2f2);
	background: -o-linear-gradient(top, #fefefe, #f2f2f2);
	background: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
	background: linear-gradient(top, #fefefe, #f2f2f2)
}

.btn .chanel:hover {
	color: #666;
	text-decoration: none;
	border: 1px solid #ffb84d;
	background: #fff5e7;
	background: -moz-linear-gradient(top, #fffffe, #fff5e7);
	background: -ms-linear-gradient(top, #fffffe, #fff5e7);
	background: -o-linear-gradient(top, #fffffe, #fff5e7);
	background: -webkit-linear-gradient(top, #fffffe, #fff5e7);
	background: linear-gradient(top, #fffffe, #fff5e7)
}

.disabled .save {
	color: #bbb;
	border: 1px solid #bbb;
	background: #eee;
	background: -moz-linear-gradient(top, #eee, #eee);
	background: -ms-linear-gradient(top, #eee, #eee);
	background: -o-linear-gradient(top, #eee, #eee);
	background: -webkit-linear-gradient(top, #eee, #eee);
	background: linear-gradient(top, #eee, #eee)
}

.disabled .save:hover {
	color: #bbb;
	text-decoration: none;
	border: 1px solid #bbb;
	background: #eee;
	background: -moz-linear-gradient(top, #eee, #eee);
	background: -ms-linear-gradient(top, #eee, #eee);
	background: -o-linear-gradient(top, #eee, #eee);
	background: -webkit-linear-gradient(top, #eee, #eee);
	background: linear-gradient(top, #eee, #eee)
}

.disabled .chanel {
	margin-left: 10px;
	color: #bbb;
	border: 1px solid #bbb;
	background: #eee;
	background: -moz-linear-gradient(top, #eee, #eee);
	background: -ms-linear-gradient(top, #eee, #eee);
	background: -o-linear-gradient(top, #eee, #eee);
	background: -webkit-linear-gradient(top, #eee, #eee);
	background: linear-gradient(top, #eee, #eee)
}

.disabled .chanel:hover {
	color: #bbb;
	text-decoration: none;
	border: 1px solid #bbb;
	background: #eee;
	background: -moz-linear-gradient(top, #eee, #eee);
	background: -ms-linear-gradient(top, #eee, #eee);
	background: -o-linear-gradient(top, #eee, #eee);
	background: -webkit-linear-gradient(top, #eee, #eee);
	background: linear-gradient(top, #eee, #eee)
}

.choice-system .choice-scan {
	margin: 0
}

.head-list-wrap {
	position: relative;
	float: left;
	width: 722px;
	margin-top: 26px;
	margin-left: 40px
}

.head-list-wrap .head-list li {
	float: left;
	width: 59px;
	height: 59px;
	margin-right: 19px;
	margin-bottom: 20px;
	border: 1px solid #dfdfdf;
	cursor: pointer
}

.head-list-wrap .head-list .hover {
	border: 1px solid #ff7e0e
}

.head-list-wrap .head-list img {
	display: block
}

.head-list-wrap .click {
	position: absolute;
	width: 57px;
	height: 57px;
	border: 2px solid #f70
}

.head-list-wrap .click i {
	position: absolute;
	right: -2px;
	bottom: -2px;
	width: 14px;
	height: 14px;
	background: url(images/littleIcon.png) no-repeat;
	background-position: -28px -96px
}

.head-list-wrap .J-hide {
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer
}

.head-btn {
	float: left;
	margin-left: 161px;
	margin-top: 20px
}

.extend-wrap {
	padding: 20px
}

.extend-list {
	position: relative;
	padding: 20px;
	cursor: pointer;
	margin-bottom: 2px
}

.extend-list dt {
	font-size: 0
}

.extend-list dt i {
	float: left;
	width: 18px;
	height: 18px;
	text-align: center;
	font: 700 14px/18px Arial
}

.extend-list dt i:after {
	content: "."
}

.extend-list dt span {
	float: left;
	font: 14px/18px "Microsoft Yahei"
}

.extend-list .extend-list-hascont {
	margin-bottom: 17px
}

.extend-list .extend-list-cont {
	position: relative;
	float: left;
	display: none;
	width: 236px;
	height: 34px;
	margin: 0 12px 12px 0;
	border: 1px solid #eee;
	text-align: center;
	line-height: 34px;
	cursor: pointer
}

.extend-list .extend-list-cont i {
	position: absolute;
	display: none;
	width: 16px;
	height: 16px;
	right: 10px;
	top: 10px;
	background: url(images/littleIcon.png) no-repeat;
	background-position: -62px -2px
}

.extend-list dd.current {
	background: #ff9b43;
	border: 1px solid #ff9b43;
	color: #fff
}

.extend-list dd.current i {
	display: block
}

.extend-list dd.click {
	display: block;
	background: #ff9b43;
	border: 1px solid #ff9b43;
	color: #fff
}

.extend-list dd.click i {
	display: block
}

.extend-list-modify {
	position: absolute;
	display: none;
	right: 10px;
	top: 10px;
	width: 16px;
	height: 16px;
	background: url(images/littleIcon.png) no-repeat;
	background-position: -44px -2px
}

.extend-list-current {
	background: #f5f5f5;
	padding: 20px 8px 8px 20px;
	cursor: default
}

.extend-list-current dt {
	margin-bottom: 17px
}

.extend-list-current dt i {
	background: url(images/littleIcon.png) no-repeat;
	background-position: -80px -2px;
	color: #fff
}

.extend-list-current dt i:after {
	content: none
}

.extend-list-current dt span {
	margin-left: 5px;
	font-weight: 700
}

.extend-list-current .extend-list-cont {
	display: block;
	background: #fff
}

.extend-form {
	display: none;
	clear: left;
	width: 1000px
}

.extend-form .control-label {
	width: 74px
}

.extend-form-information {
	display: none;
	clear: left
}

.extend-form-information .information-list {
	height: 25px;
	font-size: 0;
	color: #666
}

.extend-form-information .information-list span {
	width: 130px;
	margin-right: 40px;
	font-size: 12px
}

.extend-form-information .information-list span em {
	color: #333
}

.extend-form-border {
	border-top: 1px solid #fff
}

.extend-list-hover {
	background: #f5f5f5
}

.extend-wrap-btn {
	margin: 30px 0 30px 20px
}

.extend-wrap-btn a {
	display: block;
	width: 77px;
	height: 26px;
	border: 1px solid #eb7f00;
	font: 700 14px/24px "Microsoft Yahei";
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-radius: 2px;
	background: #f88600;
	background: -moz-linear-gradient(top, #ffa31a, #f88600);
	background: -ms-linear-gradient(top, #ffa31a, #f88600);
	background: -o-linear-gradient(top, #ffa31a, #f88600);
	background: -webkit-linear-gradient(top, #ffa31a, #f88600);
	background: linear-gradient(top, #ffa31a, #f88600)
}

.extend-wrap-btn a:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #f90;
	background: #ff9c01;
	background: -moz-linear-gradient(top, #ffa31a, #ff9c01);
	background: -ms-linear-gradient(top, #ffa31a, #ff9c01);
	background: -o-linear-gradient(top, #ffa31a, #ff9c01);
	background: -webkit-linear-gradient(top, #ffa31a, #ff9c01);
	background: linear-gradient(top, #ffa31a, #ff9c01)
}

.personal-interest {
	padding: 20px
}

.interest-list {
	position: relative;
	padding: 20px;
	cursor: pointer;
	margin-bottom: 2px
}

.interest-list dt {
	font-size: 0
}

.interest-list dt i {
	float: left;
	width: 18px;
	height: 18px;
	text-align: center;
	font: 700 14px/18px Arial
}

.interest-list dt i:after {
	content: "."
}

.interest-list dt span {
	float: left;
	font: 14px/18px "Microsoft Yahei"
}

.interest-list-cont {
	position: relative
}

.interest-list-modify {
	position: absolute;
	display: none;
	right: 10px;
	top: 10px;
	width: 16px;
	height: 16px;
	background: url(images/littleIcon.png) no-repeat;
	background-position: -44px -2px
}

.interest-list-current {
	background: #f5f5f5;
	cursor: default
}

.interest-list-current dt i {
	background: url(images/littleIcon.png) no-repeat;
	background-position: -80px -2px;
	color: #fff
}

.interest-list-current dt i:after {
	content: none
}

.interest-list-current dt span {
	margin-left: 5px;
	font-weight: 700
}

.interest-list-current .interest-list-choice,
.interest-list-current .interest-list-container {
	display: block
}

.interest-list-hover {
	background: #f5f5f5
}

.interest-wrap-btn {
	margin: 30px 0 30px 20px
}

.interest-wrap-btn a {
	display: block;
	width: 77px;
	height: 26px;
	border: 1px solid #eb7f00;
	font: 700 14px/24px "Microsoft Yahei";
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-radius: 2px;
	background: #f88600;
	background: -moz-linear-gradient(top, #ffa31a, #f88600);
	background: -ms-linear-gradient(top, #ffa31a, #f88600);
	background: -o-linear-gradient(top, #ffa31a, #f88600);
	background: -webkit-linear-gradient(top, #ffa31a, #f88600);
	background: linear-gradient(top, #ffa31a, #f88600)
}

.interest-wrap-btn a:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #f90;
	background: #ff9c01;
	background: -moz-linear-gradient(top, #ffa31a, #ff9c01);
	background: -ms-linear-gradient(top, #ffa31a, #ff9c01);
	background: -o-linear-gradient(top, #ffa31a, #ff9c01);
	background: -webkit-linear-gradient(top, #ffa31a, #ff9c01);
	background: linear-gradient(top, #ffa31a, #ff9c01)
}

.interest-list-container {
	display: none;
	min-height: 76px;
	border: 2px dashed #ddd;
	background: #fff;
	margin-top: 17px;
	padding: 0 10px 10px 10px
}

.interest-list-container li .select {
	background: #ffa555;
	border: 1px solid #ffa555;
	color: #fff;
	padding: 8px 19px
}

.interest-list-container li .hover {
	background: #ff8c25;
	border: 1px solid #ff8c25;
	color: #fff
}

.interest-list-container li .hover i {
	display: block
}

.interest-list-show {
	display: none;
	padding: 0 10px 10px 10px;
	min-height: 0
}

.interest-list-show li .select {
	background: #ffa555;
	border: 1px solid #ffa555;
	color: #fff;
	padding: 8px 19px
}

.interest-list-show li .hover {
	background: #ff8c25;
	border: 1px solid #ff8c25;
	color: #fff
}

.interest-list-show li .hover i {
	display: block
}

.interest-list-show-hascont {
	margin-top: 17px;
	padding: 0 10px 10px 10px
}

.interest-list-choice {
	display: none
}

.interest-list-choice li .hover {
	background: #ff8c25;
	border: 1px solid #ff8c25;
	color: #fff
}

.interest-list-choice-options {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	color: #ff9b43;
	cursor: pointer
}

.interest-list-choice-options i {
	position: absolute;
	display: none;
	right: 4px;
	top: 4px;
	width: 7px;
	height: 7px;
	background: url(images/littleIcon.png) no-repeat;
	background-position: -100px -10px;
	overflow: hidden
}

.interest-list-choice-options .fly {
	padding: 8px 19px;
	border: 1px solid #ff9b43;
	background: #fff
}

.interest-list-choice-options .fly span {
	white-space: nowrap
}

.interest-list-choice-options .fly-position {
	position: absolute
}

.interest-list-choice-options-position {
	position: relative
}

.ie .controls .sex-label input {
	margin-top: 2px
}

.ie .controls .sex-label span {
	margin-top: 4px
}

.ie .image-tips {
	background: #000;
	filter: alpha(opacity=30)
}

.ie6 .menu-list li {
	position: relative;
	top: 1px
}

.ie6 .interest-list-container {
	height: 76px
}

.ie6 .interest-list-show {
	position: relative;
	height: 0
}

.ie6 .head-wrap {
	height: 458px
}

.ie6 .head-btn {
	margin-left: 80px
}

.ie6 .extend-list dt span,
.ie6 .interest-list dt span {
	margin-top: 1px
}

.ie6 .interest-list {
	zoom: 1
}

.ie8 .image-tips {
	background: #000;
	filter: alpha(opacity=30)
}

.date-color {
	color: #999
}

.clear {
	clear: both;
	padding: 0 0!important;
	margin: 0 0!important;
	width: 0!important;
	height: 0!important
}

.personal-member .cont-side {
	top: -15px
}

.ie6 .cont-side,
.ie7 .cont-side {
	top: 0
}

.priority-high {
	position: relative;
	z-index: 2
}

.priority-low {
	position: relative;
	z-index: 1
}

.avatar-container {
	display: none
}

.edit-avatar {
	width: 600px;
	position: relative;
	padding: 20px;
	border: 1px solid #aeaeae
}

.edit-avatar .avatar-chooseItem {
	position: relative;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #ddd
}

.edit-avatar .avatar-chooseItem a {
	display: inline-block;
	padding: 0 10px;
	font-size: 14px;
	font-family: "Microsoft Yahei"
}

.edit-avatar .avatar-chooseItem a:hover {
	text-decoration: none
}

.edit-avatar .avatar-chooseItem a.selected {
	color: #F60
}

.edit-avatar .avatar-chooseItem .selected-line {
	position: absolute;
	top: 29px;
	left: 0;
	width: 90px;
	height: 2px;
	background: #ff8901;
	font-size: 0
}

.chooseContent .avatar-preview,
.chooseContent .upload-wrapper {
	float: left
}

.avatar-user-defined .upload-wrapper .upload-box {
	position: relative;
	width: 320px;
	height: 320px;
	margin-left: 30px;
	margin-top: 15px;
	border: 1px solid #f2f2f2;
	background: #fafafa;
	text-align: center
}

.avatar-user-defined .upload-box .upload-btn {
	display: inline-block;
	margin-top: 120px;
	font-size: 16px;
	color: #3367cc;
	text-decoration: underline;
	cursor: pointer
}

.avatar-user-defined .upload-box .upload-btn i {
	display: inline-block;
	width: 36px;
	height: 32px;
	margin: 0 6px 2px 0;
	background: url(images/faceBtn_bg.png) -20px -65px;
	vertical-align: middle
}

.avatar-user-defined .upload-box .upload-tip {
	color: #999
}

.avatar-user-defined .upload-file {
	position: absolute;
	left: 100px;
	top: 115px;
	width: 120px;
	height: 40px;
	overflow: hidden;
	z-index: 1
}

.avatar-user-defined .file {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	font-size: 460px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
	filter: Alpha(opacity=0)
}

.chooseContent .option-wrapper {
	position: relative;
	margin-top: 20px;
	padding-bottom: 10px;
	text-align: right
}

.chooseContent .avatar-preview {
	margin-left: 60px
}

.chooseContent .avatar-preview .preview-tip {
	margin-top: 70px
}

.chooseContent .avatar-preview .preview-box {
	width: 120px;
	height: 120px;
	margin-top: 10px;
	border: 1px solid #f2f2f2;
	background: #fafafa;
	text-align: center;
	line-height: 120px;
	color: #999
}

.chooseContent .avatar-preview .select-again {
	position: relative;
	width: 122px;
	margin-top: 10px;
	color: #2272c8;
	text-align: center
}

.chooseContent .avatar-preview .select-again i {
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-right: 3px;
	background: url(images/faceBtn_bg.png) -35px -99px;
	vertical-align: middle
}

.chooseContent .avatar-preview .reupload-file {
	top: 0;
	left: 0;
	height: 20px
}

.chooseContent .option-tip {
	position: absolute;
	top: 40px;
	left: 122px;
	color: #666
}

.chooseContent .option-tip i {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(images/tipIcon.png?v=ba8d8) no-repeat;
	vertical-align: middle
}

.chooseContent .option-tip i.right {
	background-position: -182px 0
}

.chooseContent .option-tip i.error {
	background-position: -183px -211px
}

.chooseContent .option-error {
	color: red
}

.chooseContent .option-btn {
	display: inline-block;
	width: 103px;
	height: 33px;
	border: 1px solid #eda200;
	background: #eda200;
	border-radius: 2px;
	font: 14px/36px "Microsoft Yahei";
	text-align: center;
	color: #fff;
	text-decoration: none;
	margin-top: 0
}

.chooseContent .option-btn:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #ffae00;
	background: #ffae00
}

.chooseContent .option-btn-save {
	margin-right: 14px
}

.chooseContent .option-btn-cancel {
	border: 1px solid #DDD;
	background: #DDD;
	color: #333
}

.chooseContent .option-btn-cancel:hover {
	color: #333;
	text-decoration: none;
	border: 1px solid #DDD;
	background: #DDD
}

.chooseContent .click {
	position: absolute;
	width: 57px;
	height: 57px;
	border: 2px solid #f70;
	left: -60px;
	top: 15px
}

.chooseContent .click i {
	position: absolute;
	right: -2px;
	bottom: -2px;
	width: 14px;
	height: 14px;
	background: url(images/littleIcon.png) no-repeat;
	background-position: -28px -96px
}

.chooseContent .J-hide {
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer
}

.avatar-system-container {
	float: left;
	position: relative
}

.avatar-system .avatar-system-list {
	width: 421px;
	height: 308px;
	margin-top: 15px;
	overflow: hidden
}

.avatar-system .avatar-system-list a {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin-bottom: 20px;
	margin-right: 20px;
	border: 1px solid #dfdfdf
}

.avatar-system .avatar-system-list a img {
	display: block
}

.avatar-system .avatar-system-list a:hover {
	border: 1px solid #ff7e0e
}

.avatar-system .avatar-preview {
	margin-left: 10px
}

.avatar-system .option-wrapper {
	width: 391px;
	padding-right: 30px
}

.avatar-user-defined .option-wrapper {
	width: 352px
}

.avatar-system .option-tip {
	left: 162px
}

.m-dialog .title {
	display: none
}

.m-dialog .container {
	background: 0
}

.m-dialog .btn {
	margin-top: 0!important;
	z-index: 10
}

.m-dialog .content {
	overflow: hidden
}