.loginin {	width:477px;	height:479px;	margin:0 auto;	top:50%;	left:50%;	margin-top:-239px;	margin-left:-238px;}
.loginin-head {	margin:0 auto;	padding-top:10px;	width:100%;}
.loginin-title {	margin:0 auto;	width:100%;	font-size: 22px;	font-weight: 700;	color: #555;	padding-top: 20px;}
.loginin-head img{	height: 60px;	width:230px;}
.form-loginin {  max-width: 330px;  padding: 43px 15px 15px 15px;  margin: 0 auto;}
.form-loginin .form-control {  position: relative;  font-size: 14px;  margin-bottom: 14px;   padding: 0px 10px;   border: 1px solid #ccc;  border-radius: 4px;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset;}
input:focus {  outline:none;  border:#87C6F9 1px solid!important;  -webkit-box-shadow: 0 0 10px rgba(103, 166, 217, 1) !important;  background-color: #fff;}
.btn_orange {    background-color: #ef5b00;    font-size: 14px;    color: #fff;}
.otherlogin-title {    font-size:12px;    margin:0 auto;    padding:0;     max-width: 330px;    max-height: 20px;}
.oth_type_tit {    border-top: 1px solid #e0e0e0;    padding: 10px;    margin: 10px;}
.other_type_txt {    font-size: 14px;    color: #b0b0b0;    text-align: center;    width: 30%;    border: 0px;    background-color: white;}
.othertype-link {	padding-top: 5px;	text-align: center;}
.oth_type_links {    padding-top: 10px;    text-align: center;    display: inline-block;}
.icon_type {    width: 30px;    height: 30px;    margin: 0 12px;    display: inline-block;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -o-border-radius: 50%;    border-radius: 50%;    -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);    filter: grayscale(100%);}
 .icon_type a:hover {    background-color: #0288d1!important;}
.btn_qq {	background-color: #0288d1!important;}
.btn_sina {	background-color: #d32f2f;}
.btn_weixin {	background-color: #0ae;}
.btn_postition {	top: 4px!important;}
.n_links_area {    padding-top: 30px;    text-align: center;    color: #e0e0e0; }
 .n_links_area a:hover {    color: #ff6700;    text-decoration:none;}
 .n_links_area a {    padding: 0 9px;    font-size: 14px;}
.user_layout {  width: 250px;}

input.error{ border: 1px solid #E6594E;}
input.highlight{ border: 1px solid #7abd54;}
label.error{ height: 30px; line-height: 30px; font-size: 14px; text-align: left; margin-left: 5px; padding-left: 20px; color: red; background: url('../images/common/unchecked.gif') no-repeat left center;}
label.tip{ height: 30px; line-height: 30px; font-size: 14px; text-align: left; margin-left: 5px; padding-left: 35px; color: #aaa; padding-left: 20px;}
label.valid{ background: url('../images/common/checked.gif') no-repeat left center;}