﻿
.header{
	width: 100%;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff;
    padding: 0px;
}
.content{
	position: relative;
    margin-top: 45px;
    min-height: 485px;
    vertical-align: middle;
}
.foot{
	clear: both;
    background: #fff;
    border-top: 1px solid #e5e5e5;
}
.login-row{
	min-width: 1000px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}

form label.error{display:inline;}

/*----------------顶部内部样式---------------*/
.header .login-row{padding:10px 0;position: relative;}
.header span{font-size: 18px;padding-left:15px; color: #3c3c3c;font-weight: 600;}
.header img{vertical-align: middle;}
.header ul{position: absolute;right: 10px;top:50%;margin-top: -6px;}
.header ul li{float: left;margin-left:12px;padding-left:12px;border-left: 1px solid #ccc;}
.header ul li:nth-child(1){border-left:0px;}
.header ul li a{color: #666;}

/*----------------底部内部样式---------------*/
.foot .login-row{text-align: center;color: #999;padding: 35px 0 40px;font-size: 12px;}
.foot p{margin:20px 0;}
.foot p a{display: inline-block;margin:0 8px;color: #666;}


/*----------------中部样式-----------------*/
/*----登录端----*/
.content .login-module{
	position: absolute;
    border: 1px solid #D4D4D4;
    padding: 20px;
    right: 100px;
    margin-bottom: 10px;
    background-color: #fff;
    min-width: 262px;
    min-height: 320px;
    background: rgba(255,255,255,0.3);
    z-index: 2;
}
.login-box{
	margin-bottom: 15px;
}
.login-box p{
	line-height: 30px;
	font-weight: bold;
	color: #666;
}
.login-box a{
	color: #00a2ca;
}
.login-box input{
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	border-radius: 3px;
    line-height: 16px;
    padding: 8px 5px;
    margin-top: 5px;
    font-size: 14px;
	outline: 0;
	border: 1px solid #ccc;
}
.login-box button {
    display: block;
    outline: 0;
    margin: 0px auto;
    border: 1px solid #5DB2FF;
    border-radius: 3px;
    padding: 10px 25px;
    width: 100%;
    color: white;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-color: #5DB2FF;
}
.login-box button:hover{
	background-color: #70BAFD;
}
.login-box.txt-right{
	text-align: right;
}
.login-box.other-platform{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #ccc;
	color: #999;
	text-align: right;
}
.login-box.other-platform a{
	display: inline-block;
	margin-left: 10px;
	color: #999;
}
.content .login-pic{
	float: left;
}

/*-------------------------注册端-----------------------------*/
.form-group{
	padding: 22px 0;
	display: table;
	min-width: 900px;
	margin: 0px auto;
}
.form-group.acc-set{
	    border-bottom: 1px dashed #ccc;
}
.form-group .form-item{
	display: table-row;
	color: #7f7f7f;
}
.form-group .form-item .form-label,
.form-group .form-item .form-set{
	display: table-cell;
	padding:12px ;
}
.form-group .form-item .form-label{
	text-align: right;
	width: 150px;
}
.form-group .form-item .form-label b{
	font-size: 16px;
	color: #333;
}
.form-group .form-item .form-label .star {
    color: red;
    vertical-align: middle;
    margin-right: 4px;
    font-family: arial;
}
input[type=text],
input[type=password]{
	height: 33px;
    line-height: 33px;
    padding: 0;
    width: 260px;
    padding-left: 7px;
    border: 1px solid #ccc;
    background: #fff;
    outline: 0;
    color: #000;
    font-size: 14px;
    -webkit-transition: all .3s;
    vertical-align: middle;
}
.form-group .form-item .form-set input[type=text],
.form-group .form-item .form-set input[type=password]{
    width: 291px;
}
.form-group .form-item .form-set>p{
	margin-top:10px;
}
.form-group .form-item .form-set .check-tel{
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	vertical-align: middle;
	outline: 0;
	color: #fff;
    background-color: #5cb85c;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	margin-left: 10px;
}
.form-group .form-item .form-set .re-check-tel{
    vertical-align: middle;
    display: none;
    background-color: #aaa;
    height: 35px;
    line-height: 35px;
    color: #fff;
    padding: 0 10px;
    margin-left: 10px;
}
.form-group .form-item .form-set .re-check-tel:before{
    content:"重新获得验证码";
    padding-right: 5px;
}
.form-group .form-item .form-set .re-check-tel:after{
    content:"秒";
    padding-left: 5px;
}
.form-group .form-item .form-set .check-tel:hover{
    background-color: #449d44;
}
.form-group .form-item .form-set input[type=checkbox]{
	float: left;
}
.form-group .form-item .form-set .agreement{
	margin-left: 20px;
	font-size: 12px;
}
.form-group .form-item .form-set .agreement p{
	margin-bottom:5px;
}
.form-group .form-item .form-set .agreement a{
	color: #00a2ca;
}
.form-group .form-item .form-set button{
	display: block;
    outline: 0;
    border: 1px solid #5DB2FF;
    border-radius: 3px;
    padding: 10px 25px;
    width: 100px;
    color: white;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-color: #5DB2FF;
}
.form-group .form-item .form-set button:hover{
	background-color: #70BAFD;
}

.form-group .form-item .form-set .have_acc a{
    color: #00a2ca;
}

/* login */

form.login .login-box {
	position: relative;
}

form.login .login-box label.error {
	position: absolute;
    bottom: -1.1em;
    left: 0;
}

/* end login */
.nc-container {
    margin-top: 10px;
}
