.hide_p {
	display: none !important;
}
.res_warning {
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		width: 126px;
		height: auto;
		font-size: 12px;
		color: #fff;
		line-height: 18px;
		text-align: center;
		border-radius: 8px;
		padding: 20px 10px;
		margin-left: -63px;
		background: rgba(0, 0, 0, 0.5);
		margin-top: -57px;
	}

	.res_warning>span {
		display: block;
		width: 40px;
		height: 40px;
		background: url(../images/warning.png);
		background-size: 100% 100%;
		margin: 0 auto 5px;
	}
	.res_warning>span.suc{
		background: url(../images/success.png);
		background-size: 100% 100%;
	}

.containerbox {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.top {
	width: 100%;
	height: 98px;
}

.header {
	width: 1200px;
	height: 98px;
	margin: 0 auto;
	padding-top: 2px;
}

.logo {
	width: 163px;
	height: 58px;
	margin-top: 18px;
}

.bannerbox {
	width: 100%;
	height: 570px;
	background: url(../images/banner.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 2px;
}

.banner {
	width: 1200px;
	margin: 0 auto;
}

.login {
	width: 414px;
	height: 464px;
	background: #fff;
	float: right;
	margin-top: 50px;
}

.title {
	width: 396px;
	line-height: 52px;
	font-size: 24px;
	color: #3d3d3d;
	text-align: center;
	margin: 0 auto;
	border-bottom: 1px solid #e3e3e3;
}

.login_method {
	width: 356px;
	height: 50px;
	padding: 14px 0 0 4px;
	margin: 0 auto;
	overflow: hidden;
}

.login_method > a {
	float: left;
	width: 160px;
	overflow: hidden;
	color: #999;
	cursor: pointer;
}

.login_method > a:hover {
	color: #d62103;
}

.login_method > .active {
	color: #d62103;
}

.diannao {
	display: block;
}

.diannao > span:nth-child(1) {
	float: left;
	font-size: 26px;
	margin: -2px 18px 0 0;
}

.diannao > span:nth-child(2) {
	float: left;
	line-height: 30px;
}

.shouji {
	display: block;
	color: #999;
}

.shouji > span:nth-child(1) {
	float: left;
	font-size: 30px;
	margin-right: 14px;
	margin-top: -7px;
}

.shouji > span:nth-child(2) {
	float: left;
	line-height: 30px;
}

.active {
	color: #d62103;
}

.ipt_width1 {
	width: 360px;
	height: 42px;
	box-sizing: border-box;
}

.icon_tanhao {
	margin-right: 6px;
}

.form_box {
	width: 360px;
	margin: 0 auto;
}

.form-horizontal .has-feedback .form-control-feedback {
	right: -6px;
	top: 7px;
}

.form-group > .help-block {
	margin: 0;
	width: 390px;
	padding-left: 16px;
	font-size: 12px;
}

.form-horizontal .form-group {
	height: auto;
}

.ipt_width {
	width: 374px;
	height: 40px;
	box-sizing: border-box;
}

.ipt_width2 {
	width: 250px;
	height: 42px;
	box-sizing: border-box;
}

#get_codes {
	float: right;
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	border: none;
	background: #f2f2f2;
}

.bg_ipnt1 {
	padding-left: 54px;
	background: url(../images/people.png) no-repeat 16px 7px;
}

.bg_ipnt2 {
	padding-left: 54px;
	background: url(../images/icon_lock.png) no-repeat 16px 7px;
	background-size: 20px 23px;
}

.send_code {
	float: right;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	background: #f2f2f2;
	color: #595858;
	cursor: pointer;
}

.code_yz {
	width: 354px;
	height: 34px;
	line-height: 34px;
	padding: 0 0 4px 6px;
	margin: 0 auto;
}

.code_yz > span:nth-child(1) {
	font-size: 16px;
}

.code_yz > span:nth-child(2) {
	font-size: 14px;
}

.more {
	width: 360px;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	margin: 0 auto;
}

.more > a:hover {
	color: #d62103;
}

.login_btn {
	width: 100%;
	height: 50px;
	margin: 16px 0 16px 0;
}

.login_btn > button {
	display: block;
	border: none;
	width: 360px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	border-radius: 4px;
	margin: 0 auto;
}

.login_bg {
	background: #d62103;
	color: #fff;
}

.else_login {
	width: 210px;
	height: 48px;
	margin: 0 auto;
	overflow: hidden;
}

.else_login > a:nth-child(1) {
	color: #3eb034;
	margin-top: 4px;
}

.else_login > a:nth-child(2) {
	font-size: 44px;
	color: #4db1ec;
}

.else_login > a:nth-child(3) {
	color: #e04d6a;
	margin-right: 0;
}

.else_login > a {
	float: left;
	width: 48px;
	height: 48px;
	margin-right: 32px;
	cursor: pointer;
	font-size: 48px;
	line-height: 48px;
}

.login_mobile {
	width: 414px;
	height: 464px;
	background: #fff;
	float: right;
	margin-top: 50px;
}

.tel2 {
	width: 360px;
	height: 46px;
	margin: 0 auto;
	position: relative;
}

.tel2 > input[type="tel"] {
	width: 304px;
	height: 44px;
	border: 1px solid #d73b25;
	border-radius: 4px;
	padding-left: 54px;
	background: url(../images/people.png) no-repeat 16px 7px;
	box-shadow: 0 0 0 1px #f4c9c2;
	font-size: 14px;
	color: #999;
}

.tel2_yz {
	width: 354px;
	height: 34px;
	line-height: 34px;
	padding: 0 0 4px 6px;
	margin: 0 auto;
}

.tel2_yz > span:nth-child(1) {
	font-size: 16px;
}

.tel2_yz > span:nth-child(2) {
	font-size: 14px;
}

.yanzhengma2 {
	width: 360px;
	height: 46px;
	margin: 0 auto;
	overflow: hidden;
}

.yanzhengma2_input {
	float: left;
	width: 250px;
	height: 46px;
	margin-right: 10px;
}

.yanzhengma2_input > input {
	width: 230px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding-left: 18px;
}

.send_code2 {
	float: right;
	width: 100px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	background: #f2f2f2;
	color: #595858;
	cursor: pointer;
}

.code2_yz {
	width: 354px;
	height: 34px;
	line-height: 34px;
	padding: 0 0 4px 6px;
	margin: 0 auto;
}

.code2_yz > span:nth-child(1) {
	font-size: 16px;
}

.code2_yz > span:nth-child(2) {
	font-size: 14px;
}

.bannerbox2 {
	width: 100%;
	height: 908px;
	background: url(../images/regist_bg.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 2px;
}

.banner2 {
	width: 1200px;
	margin: 0 auto;
}

.regist_mobile {
	width: 800px;
	height: 710px;
	padding-top: 34px;
	background: #fff;
	margin: 88px auto 0 auto;
}

.title2 {
	width: 238px;
	height: 60px;
	overflow: hidden;
	font-size: 22px;
	background: url(../images/shutiao_bg.jpg) no-repeat center center;
	margin: 0 auto 32px auto;
}

.title2 > a:hover {
	color: #d62103;
	border-bottom-color: #d62103;
}

.title2 > a {
	float: left;
	line-height: 58px;
	color: #333;
	border-bottom: 2px solid transparent;
}

.title2 > a:nth-child(2) {
	float: right;
}

.active2 {
	color: #d62103 !important;
	border-bottom-color: #d62103 !important;
}

.form_box2 {
	width: 500px;
	margin: 0 auto;
}

.form_box2 > .form-horizontal > .form-group {
	width: 500px;
	//height: 46px;
	//margin-bottom: 32px;
	box-sizing: border-box;
}

.form_box2 > .form-horizontal > .form-group > label {
	width: 88px;
	line-height: 42px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #333;
	text-align: right;
}

.form_box2 > .form-horizontal > .form-group > div {
	width: 410px;
	margin: 0;
	padding: 0;
}

.form_box2 > .form-horizontal > .form-group > div > input {
	height: 42px;
	box-sizing: border-box;
}

.form_box2 > .form-horizontal > .form-group > div > span {
	right: 6px;
}

.form_box2 > .form-horizontal > .form-group > span {
	padding-left: 88px;
	line-height: 14px;
	margin-top: 4px;
}

.yanzheng_width {
	width: 298px !important;
	box-sizing: border-box;
}

.get_codes2 {
	float: right;
	width: 132px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-size: 14px;
	color: #595858;
	background: #f2f2f2;
	cursor: pointer;
	border-radius: 6px;
	border: none;
	outline: none;
}

.regist_form_one {
	width: 500px;
	height: 77px;
	margin: 0 auto;
}

.regist_form_one_top {
	width: 100%;
	height: 46px;
}

.regist_form_one_top > div:nth-child(1) {
	float: left;
	width: 86px;
	line-height: 46px;
	color: #333;
	font-size: 14px;
	text-align: right;
}

.regist_form_one_top > div:nth-child(2) {
	position: relative;
	float: right;
	width: 410px;
	height: 46px;
	color: #ddd;
}

.regist_form_one_top > div:nth-child(2) > input {
	width: 388px;
	height: 44px;
	border: 1px solid #d73b25;
	border-radius: 4px;
	padding-left: 20px;
	box-shadow: 0 0 0 1px #f4c9c2;
	font-size: 14px;
	color: #999;
}

.regist_msg {
	line-height: 32px;
	margin: 0 10px 0 90px;
}

.width1 {
	width: 248px !important;
	float: left !important;
}

.width2 {
	width: 246px !important;
}

.get_code {
	float: right;
	width: 134px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
	background: #f2f2f2;
	color: #595858;
	cursor: pointer;
}

.btn_regist {
	width: 100%;
	height: 44px;
	margin: 10px 0 12px 0;
}

.btn_regist > button {
	display: block;
	border: none;
	width: 500px;
	height: 44px;
	background: #d62103;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	border-radius: 4px;
	margin: 0 auto;
	outline: none;
}

.xieyi {
	width: 500px;
	height: 52px;
	border-bottom: 1px solid #eeeeee;
	margin: 0 auto;
}

.xieyi > div:nth-child(1) {
	float: left;
	font-size: 12px;
	color: #afacac;
}

.xieyi > div:nth-child(1) > span {
	font-weight: bold;
	color: #000;
}

.xieyi > div:nth-child(2) {
	float: right;
	font-size: 12px;
	color: #afacac;
}

.xieyi > div:nth-child(2) > a {
	color: #e94e54;
}

.else_login2 {
	width: 500px;
	margin: 0 auto;
}

.else_login2 > h3 {
	line-height: 72px;
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #333;
}

.else_share {
	width: 210px;
	margin: 0 auto;
}

.else_share > a:nth-child(1) {
	color: #3eb034;
	margin-top: 4px;
}

.else_share > a:nth-child(2) {
	font-size: 44px;
	color: #4db1ec;
}

.else_share > a:nth-child(3) {
	color: #e04d6a;
	margin-right: 0;
}

.else_share > a {
	float: left;
	width: 48px;
	height: 48px;
	margin-right: 30px;
	cursor: pointer;
	font-size: 48px;
	line-height: 48px;
}

.regist_mail {
	width: 800px;
	height: 670px;
	padding-top: 34px;
	background: #fff;
	margin: 90px auto 0 auto;
}

.footer {
	width: 100%;
	height: 64px;
	line-height: 58px;
	text-align: center;
	font-size: 12px;
	color: #737373;
} 	
    /*会员中心   开始*/
.member_top {
	height: 178px;
	padding-top: 50px;
	background: url(../images/bg.png) no-repeat;
}

.member_top_box {
	width: 1200px;
	margin: 0 auto;
}

.member_top_cont {
	width: 1150px;
	height: 130px;
	margin-left: 50px;
	background: rgba(255,255,255,0.5);
}

.head_portrait {
	margin-left: -46px;
	margin-top: -8px;
	width: 133px;
	height: 133px;
	border-radius: 50%;
	border: 8px solid #fff;
	overflow: hidden;
}
.head_portrait img{
	width:133px;
	height:133px;
}

.grade {
	width: 204px;
	margin-left: 46px;
}

.grade img {
	display: inline-block;
	margin-right: 6px;
}

.grade li {
	margin-top: 16px;
	font-size: 12px;
	color: #333;
}

.grade .user_name {
	font-size: 16px;
}

.grade .user_name span {
	display: inline-block;
	width: 39px;
	height: 14px;
	color: #fff;
	font-size: 10px;
	border-radius: 7px;
	text-align: center;
	line-height: 14px;
	margin-left: 4px;
	background: #53d0ca;
}

.optimised {
	margin-top: 20px;
}

.optimised li {
	float: left;
	text-align: center;
	padding: 0 66px;
	border-right: 1px solid #f0f0f0;
}

.optimised li:last-child {
	border-right: none;
}

.optimised li a , .optimised li a:hover {
	display: block;
	color: #666;
	font-size: 14px;
}

.optimised li a p {
	margin-top: 8px;
}

.member_but {
	background: #f9f9f9;
}

.nav_left {
	width: 240px;
	height: 584px;
	background: #fff;
}

.nav_left li {
	height: 60px;
	padding: 0 16px;
	line-height: 60px;
	font-size: 16px;
}

.nav_left .nl_title {
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	margin: 0 15px;
	border-bottom: 1px solid #f4f4f4;
}

.nav_left .nl_title a {
	height: 70px;
	line-height: 70px;
}

.nav_left .nl_title a:hover {
	color: #333;
}

.nav_left li a {
	display: block;
	color: #333;
	font-size: 14px;
	padding-left: 28px;
	border-bottom: 1px solid #f5f5f5;
	background: url(../images/hy_icon_08.png) no-repeat 190px center;
}	
  //.nav_left li:hover , .nav_left .active {
	background: #f5f5f5 url(../images/hy_line.jpg) no-repeat;
}	
  //.nav_left li:hover a , .nav_left .active a {
	border-bottom: transparent;
	background: url(../images/hy_icon_09.png) no-repeat 190px center;
}

.member_but_cont {
	width: 1200px;
	margin: 0 auto;
	padding: 45px 0;
}

.but_optimised {
	width: 948px;
	height: 584px;
	background: #fff;
}

.bo_title {
	padding-left: 30px;
	height: 60px;
	line-height: 60px;
	color: #666;
	font-size: 18px;
	border-bottom: 1px solid #f5f5f5;
}

.bo_cont {
	width: 564px;
	color: #999;
	font-size: 14px;
	margin-left: 88px;
	margin-top: 50px;
}

.bo_cont .acc_num {
	margin-top: 7px;
}

.but_submit {
	color: #fff;
	font-size: 24px;
	width: 292px;
	height: 55px;
	background: #d62103;
	border: none;
	outline: none;
	border-radius: 3px;
	margin-top: 30px;
}		
  /*会员中心  安全设置*/	
.security {
	width: 832px;
	margin: 0 auto;
}

.security li {
	padding: 34px 0;
	line-height: 31px;
	font-size: 16px;
	border-bottom: 1px solid #e8e8e8;
}

.security li img {
	margin-right: 24px;
	display: inline-block;
}

.security li a {
	float: right;
	display: inline-block;
	width: 103px;
	height: 31px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background: #ed1b24;
	border-radius: 3px;
}

.security li.li_1 a {
	color: #333;
	background: #e9e9e9;
}

.security .qx {
	background: #0b9c04;
}

.security li span {
	display: inline-block;
	color: #ed1b24;
	font-size: 12px;
	padding-left: 23px;
	margin-left: 10px;
	background: url(../images/sec_iocn_5.png) no-repeat left center;
}	
  	/*会员中心  密码设置*/.note {
	display: block;
	color: #666;
	font-size: 12px;
	margin-top: 10px;
}

.pass_set input {
	width: 147px;
	height: 40px;
	font-size: 14px;
	color: #333;
	border: 1px solid #e0e0e0;
	background: #fff;
	border-radius: 4px;
	margin-right: 10px;
}

.pass_set .active {
	color: #fff;
	background: #ed1b24;
	border: 1px solid #ed1b24;
}

.bo_cont #get_codes {
	position: absolute;
	margin-left: 10px;
	border-radius: 4px;
}

.ind_member {
	width: 820px;
	margin: 40px auto 0;
}

.ind_member li {
	float: left;
	margin-right: 100px;
	margin-bottom: 40px;
}

.ind_member li a {
	display: block;
	width: 300px;
	color: #767676;
	font-size: 18px;
}

.ind_member li a p {
	font-size: 14px;
}

.ind_member li a .im_txt {
	display: inline-block;
}

.ind_member li a .im_plan {
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
}

.ind_member li a:hover {
	color: #767676;
}
/*# sourceMappingURL=style.css.map */

/*5.16更改*/

.nav_left li {
	position: relative;
	background: transparent;
}

.nav_left li::before,.nav_left li a {
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}

.nav_left li::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -14px;
	width: 3px;
	height: 0px;
	background-color: #d62103;
}

.nav_left li a {
	font-size: 16px;
	padding-left: 0px;
}

.nav_left li:hover::before,.nav_left .active::before {
	height: 30px;
}

.nav_left li:hover a,.nav_left .active a {
	background: url(../images/hy_icon_08_h.png) no-repeat 190px center;
	padding-left: 8px;
	color: #d62103;
}

.modal {
	top: 400px;
}

.modal .modal-dialog {
	background-color: rgba(0,0,0,0.3);
	border-radius: 10px;
}
.modal.modal_xieyi .modal-dialog ,.modal.modal_avator .modal-dialog {
	  width:950px;
    background-color: rgba(255,255,255,0.3);
}

.modal .modal-dialog.modal-dialog2 {
	width: 118px;
	padding: 0;
}

.modal .modal-content {
	padding: 20px 15px;
	background-color: rgba(0,0,0,0.6);
}
.modal.modal_xieyi .modal-content ,.modal.modal_avator .modal-content {
	padding:0;
	background-color: rgba(255,255,255,1);
}
.modal.modal_xieyi .modal-content .title{
	width:auto;
	font-size: 14px;
	color: #000;
  font-weight:700;
	line-height:30px;
	background-color: #f3f3f3;
	border-radius:10px 10px 0px 0px;
  text-align: left;
  padding:0 15px;
}
.modal.modal_xieyi .modal-content .info{
  color: #666;
  padding:0 25px;
  line-height:30px;
  margin:0;
  height:485px;
}
.modal.modal_xieyi .modal-content .btn_regist,.modal.modal_avator .modal-content .btn_regist{
  margin-bottom:40px;
}


.modal .info {
	line-height: 25px;
	color: #fff;
}

#modal1 .info {
	margin-bottom: 25px;
	margin-left: 5px;
}

#modal2 .info {
	text-align: center;
}

.modal .btn_menu {
	text-align: center;
}

.modal .btn_menu .btn {
	width: 94px;
	height: 34px;
	line-height: 34px;
	border-radius: 5px;
	margin: 0 5px;
}

.modal .btn_menu .btn.no {
	color: #d62103;
	background-color: #fff;
}

.modal .btn_menu .btn.yes {
	color: #fff;
	background-color: #d62103;
}

.modal-backdrop.in {
	opacity: 0;
}

.modal .info .tip_success {
	text-align: center;
}

.modal .info .tip_success_icon {
	width: 60px;
	height: 43px;
	margin: 0 auto 10px;
}

.modal .info .tip_icon {
	width: 22px;
	height: 22px;
	display: inline-block;
	padding-right: 5px;
}

  span.iconfont.icon-gantanhao {
	vertical-align: middle;
	padding: 3px;
}

.has-error .form-control {
	border-color: #d62103;
}

.col-xs-8.chose_city {
	width: 73%;
}

.col-xs-8.chose_city .col-xs-3 {
	width: 27%;
}
/*用户协议    开始*/
.xy_box{
	cursor: pointer;
}
.xy_pc{
	display: none;
	width: 949px;
	height: 597px;
	background: #fff;
	border: 3px solid #c4c4c4;
	border-radius: 4px;
	position: absolute;
	top: 15%;
	left: 50%;
	margin-left: -474.5px;
}
.xy_pc h4{
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	height: 31px;
	line-height: 31px;
	background: #f3f3f3;
	margin: 0;
}
.xy_pc div{
	padding: 20px;
	height: 420px;
	color: #666;
	font-size: 16px;
	line-height: 24px;
	overflow-y: scroll;
}
.xy_pc span{
	display: block;
	width: 400px;
	height: 54px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 54px;
	background: #d62103;
	margin: 24px auto 0;
	cursor: pointer; 
}
i{
	font-style: initial;
}
.binding span{
	display: none !important;
}
.binding a{
	background: #0b9c04 !important;
}
.bind_phone i{
	margin-left: 6px;
}


.head_portrait{
	position:relative;
}
.head_portrait .js_up_avator_p{
	  width: 133px;
    height: 133px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -66px;
    opacity: 0;
}



#user-validate-check-form .icon-yanjing,#user-validate-check-form .icon-yanjing1{
	 position: absolute;
    bottom: 4px;
    right: -40px;
    font-size: 25px;
    display:inline-block!important;
}

#user-validate-check-form-m .regis{
	position:relative;
}
#user-validate-check-form-m .regis .icon-yanjing,#user-validate-check-form-m .regis .icon-yanjing1{
	right: 10px;
  bottom: 0px;
  line-height:1rem;
}
#user-validate-check-form-m .icon-yanjing,#user-validate-check-form-m .icon-yanjing1{
	  position: absolute;
    right: 20px;
    font-size: 32px;
    color: #ccc;
}
#user-validate-check-form-m .login_yanjing.icon-yanjing,#user-validate-check-form-m .login_yanjing.icon-yanjing1{
	line-height:56px;
}    

li.huiyuanrenzheng{
	margin-top: 8px;
}
li.huiyuanrenzheng span.iconfont {
    font-size: 26px;
    line-height: 26px;
    position: relative;
    top: 5px;
    color:#ddd;
} 
li.huiyuanrenzheng span.icon-icon-email {
   font-size: 30px;
    top: 8px;
}   
li.huiyuanrenzheng span.icon-logo-wechat {
    font-size: 30px;
    height: 30px;
    top: 8px;
    margin-right: 5px;
} 
li.huiyuanrenzheng .icon-shouji.active{
	 color:#ff6608;
}
li.huiyuanrenzheng .icon-icon-email.active{
	 color:#f9c100;
}
li.huiyuanrenzheng .icon-logo-wechat.active{
	 color:#8dc81b;
}
li.huiyuanrenzheng .icon-qq.active{
	 color:#4db1ec;
}

.crop_avator_model{
    text-align: center;
 }
.crop_avator_model img,.crop_avator_model .jcrop-holder{
  margin:0 auto;
}
.modal_avator .container {
	width: 400px;
	margin: 40px 135px;
	position: relative;
	font-family: 微软雅黑;
	font-size: 12px;
}
.modal_avator .container p {
	line-height: 12px;
	line-height: 0px;
	height: 0px;
	margin: 10px;
	color: #bbb
}
.modal_avator .action {
	width: 400px;
	height: 30px;
	margin: 10px 0;
}
.modal_avator .cropped {
	position: absolute;
	right: -230px;
	top: 0;
	width: 200px;
	border: 1px #ddd solid;
	height: 460px;
	padding: 4px;
	box-shadow: 0px 0px 12px #ddd;
	text-align: center;
}
.modal_avator .imageBox {
	position: relative;
	height: 400px;
	width: 400px;
	border: 1px solid #aaa;
	background: #fff;
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: move;
	box-shadow: 4px 4px 12px #B0B0B0; 
}
.modal_avator .imageBox .thumbBox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	box-sizing: border-box;
	border: 1px solid rgb(102, 102, 102);
	box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
	background: none repeat scroll 0% 0% transparent;
}
.modal_avator .imageBox .spinner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 400px;
	background: rgba(0,0,0,0.01);
}
.modal_avator .Btnsty_peyton{ float: right;
   width: 66px;
  display: inline-block;
  margin-bottom: 10px;
  height: 57px;
  line-height: 57px;
  font-size: 20px;
  color: #FFFFFF;
  margin:0px 2px;
  background-color: #f38e81;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 0px 5px #B0B0B0;
  border: 0px #fff solid;}
/*选择文件上传*/
.modal_avator .new-contentarea {
	width: 165px;
	overflow:hidden;
	margin: 0 auto;
	position:relative;float:left;
}
.modal_avator .new-contentarea label {
	width:100%;
	height:100%;
	display:block;
}
.modal_avator .new-contentarea input[type=file] {
	width:188px;
	height:60px;
	background:#333;
	margin: 0 auto;
	position:absolute;
	right:50%;
	margin-right:-94px;
	top:0;
	right/*\**/:0px\9;
	margin-right/*\**/:0px\9;
	width/*\**/:10px\9;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:2;
}
.modal_avator a.upload-img{
	width:165px;
	display: inline-block;
	margin-bottom: 10px;
	height:57px;
	line-height: 57px;
	font-size: 20px;
	color: #FFFFFF;
	background-color: #f38e81;
	border-radius: 3px;
	text-decoration:none;
	cursor:pointer;
	border: 0px #fff solid;
	box-shadow: 0px 0px 5px #B0B0B0;
}
.modal_avator a.upload-img:hover{
	background-color: #ec7e70;
}

.modal_avator .tc{text-align:center;}
.modal_avator .cropped img{margin:0 auto;}



   
