.header{
			background-color: #fff;
			border-bottom: 1px solid #eee;
			height: 80px;
			padding: 20px 36px 20px 24px;
			position: relative;
			box-sizing: border-box;
		}
		.header .left-con{
			width:25%;
			box-sizing: border-box;
		}
		.header .right-con{
			width:75%;
			height: 40px;
			line-height: 40px;
			text-align: right;
			box-sizing: border-box;
		}
		.header .container{
			height: 40px;
		}
	    .right-con .item-group{
			display: inline-block;
			margin-left: 12px;
		}
		.left-con .header_logo .logo_img{
			background: url(/images/new/logo.png?id=1) no-repeat top left;
			background-size: cover;
			width: 130px;
			height: 40px;
			float: left;
			margin-left: 12px;
		}
		.icon_margin{
			bottom: 0;
			margin: 8px;
		}
		.item-group .wu-font{
			font-size: .8rem;
		}
		.bodyer{
		    height: auto!important;
			margin-bottom: -128px;
			min-height: 100%;
			padding: 0 4px;
			width: 100%;
			box-sizing: border-box;	
		}
		.bodyer .register-con{
			margin-top: 45px;
			width: 50%;
			margin-left: 25%;
			box-sizing: border-box;
			background: #fff;
			display: block;
			padding: 32px;
			position: relative;
		}
		.bodyer .register-con .nav-item{
			width: 50%;
			border-bottom: 4px solid;
			border-bottom-color: #ccc;
			color: #666;
			float: left;
			height: 52px;
			margin: 0;
			text-align: center;
			font-size: .9rem;
			font-weight: 400;
		}
		.nav-item.active a{
			color: #fd6901;
		}
		.register-con .nav-item.active{
			border-color: #fd6901;
		}
		.bodyer .register-con .nav-item a{
			display: block;
			padding: 16px 0;
		}
		a:hover {
		    text-decoration: underline;
		}
		.login-form .row .half,.register-form .row .half{
		    padding-left:4px;
			padding-right: 4px;
		}
		.show-password{
		    display: inline-block;
			position: absolute;
			right: .4rem;
			top: 2.2rem;
			z-index: 2;
			font-size:26px;	
			cursor: pointer;
		}
		.link-reset-pass{
			color: #666;
			font-size: .9rem;
			font-weight: 400;
			line-height: 1.5rem;
			text-decoration: underline;
		}
		.link-reset-pass:hover{
			color: #f50;
			text-decoration: underline;
		}
		.btn-security {
		    width: 100%;
		    color: #fff;
		    background-color: #f50;
		    border-color: #f50;
			margin: 32px 0px;
		}
		.social-buttons-label{
			padding-bottom: 20px;
			padding-top: 20px;
			text-align: center;
		}
		.ocial-buttons-group .col3 .btn{
			padding: 6px 8px;
		}
		.btn-google {
			width: 100%;
		    color: #333;
		    background-color: #fff;
		    border-color: #aaa;
		    font-weight: 400;
			line-height: 1;
		}
		.btn-facebook {
		    width: 100%;
		    color: #333;
		    background-color: #fff;
		    border-color: #aaa;
			line-height: 1;
		}
		.btn-apple {
		    width: 100%;
		    color: #333;
		    background-color: #fff;
		    border-color: #aaa;
			line-height: 1;
		}
		.sprite-google {
		    background-position: -610px -130px;
		    width: 24px;
		    height: 24px;
		    vertical-align: -18%;
		}
		.footer{
			background-color: transparent;
			border-top: 1px solid #aaa;
			position: relative;
			overflow-x: hidden;
			padding: 0 12px 20px;
		}
		.nav-footer{
			border-bottom: 1px solid #aaa;
			padding: 20px 22px;
		}
		.footer.container {
		    padding-left: 0;
		    padding-right: 0;
		}
		.nav-footer .footer-nav-block {
		    border-left: 1px solid #ccc;
		    color: #666;
		    display: inline-block;
		    padding: 0 24px;
		    text-align: center;
		}
		.nav-footer .footer-nav-block:first-child{
			border-left: 0;
			padding-left: 0;
		}
		.footer .footer-copyright {
		    padding: 20px 24px;
			color: #aaa;
			font-size: .8rem;
			font-weight: 400;
			line-height: 1.5rem;
		}
		.send-code{
			position: absolute;
			background-color: #ddd;
			font-size: .5rem;
			border-radius: 2px;
			top: 26.5px;
			height: 39px;
			text-align: center;
			cursor: pointer;
			right: 4px;
			line-height: 39px;
			padding: 0 5px;
			height: 39px;
			min-width: 55px;
		}
		.send-code:hover{
			color: #f50;
			background-color: #eee;
		}
		input[type=checkbox]{
		    float: left;
		    height: 0;
		    margin-bottom: 0;
		    margin-top: 0;
		    opacity: 0;
		}
		input[type=checkbox]+label {
		    cursor: pointer;
		    font-size: .9rem;
		    line-height: 1.2rem;
		    margin: 12px 0 16px 24px;
		    position: relative;
		}
		input[type=checkbox]+label::before {
		    background: #fff;
		    border: 1px solid #ccc;
		    border-radius: 3px;
		    content: ' ';
		    display: block;
		    height: 18px;
		    left: -24px;
		    position: absolute;
		    width: 18px;
		}
		input[type=checkbox]:checked+label::before {
			content: '√';
		    background: #f50;
			color: #fff;
		    border: 1px solid #f50;
		    border-radius: 3px;
			text-align: center;
		}
		
		/* radio样式 */
		.radio-type{
			float: left;
			margin-top: 5px;
		}
		.radio-type label{
		    line-height: 20px;
		    display: inline-block;
		    margin-left: 5px;
		    margin-right:15px;
		    color: #777;
			cursor: pointer;
		}
		input[type=radio]{
		    width: 20px;
		    height: 20px;
		    appearance: none;
		    position: relative;
		}
		input[type=radio]:active{
			border: 0px;
			outline: none;
		}
		input[type=radio]:focus{
			border: 0px;
			outline: none;
		}
		input[type=radio]:before{
		    content: '';
		    width: 20px;
		    height: 20px;
		    border: 1px solid #7d7d7d;
		    display: inline-block;
		    border-radius: 50%;
		    vertical-align: middle;
		}
		input[type=radio]:checked:before{
		    content: '';
		    width: 20px;
		    height: 20px;
		    border: 1px solid #fd6901;
		    background:#fd6901;
		    display: inline-block;
		    border-radius: 50%;
		    vertical-align: middle;
		}
		input[type=radio]:checked:after{
		    content: '';
		    width: 10px;
		    height:5px;
		    border: 2px solid white;
		    border-top: transparent;
		    border-right: transparent;
		    text-align: center;
		    display: block;
		    position: absolute;
		    top: 6px;
		    left:5px;
		    vertical-align: middle;
		    transform: rotate(-45deg);
		}
		input[type=radio]:checked+label{
		    color: #fd6901;
		}