@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
	font-family: Microsoft YaHei, verdana;
	font-size: 12px;
}

a {
	text-decoration: none;
	color: #01439a;
}

img {
	border: none;
}

ul {
	list-style: none;
}

li {
	float: left;
	display: inline-block;
}
body{
	overflow-x:hidden; 
}

.clearfix {
	clear: both;
}

.container {
	width: 100%;
	height: 100%;
}

.placeholder{
	color: #ccc;
}
.logo {
	height: 120px;
	width: 100%;
	position: absolute;
	top: 0px;
	background: url("/netface/indexue/guide/login/images/logo4.jpg") no-repeat;
	background-size: 100% 100%;
}
.curtime{
	position: absolute;
	top: 10px;
	right: 225px;
	font-size: 14px;
	color: #b0b0b0;
}
.topbar{
	list-style: none;
	position: absolute;
	top: 7px;
	right: 225px;
	color:aliceblue;
}
.topbar li{
	float: left;
	padding-left: 13px;
}
.topbar li a{
	font-size: 14px;
	color: #a7a7a7;
}
.loginBg {
	margin-top: 40px;
	width: 100%;
	height: 485px;
	background: url("/netface/indexue/guide/login/images/loginBI.jpg") no-repeat;
	background-size: 100% 600px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='indexue/guide/login/images/loginBI.jpg',sizingMethod='scale');
}
.tbox{
	width:750px;
	position: absolute;
	right: 205px;
	top: 203px;
	z-index: 3;
	opacity: 0.8;
	/*-webkit-opacity:0.9;*/
}
.loginBox {
	width: 348px;
	height: 420px;
	background: url("/netface/indexue/guide/login/images/loginboxbg.png") -10px -8px no-repeat;
	opacity: 0.9;
	float: left;
}

.loginBox .tabs li {
	background: url("/netface/indexue/guide/login/images/tab.png") no-repeat;
	width: 115px;
	height: 49px;
	color: #666;
	cursor: pointer;
	margin-left:-3px;
}
.loginBox .tabs li div{
	font-size: 14px;
	font-weight: bold;
	margin-left:39px;
	line-height: 49px;
}
.loginBox .tabs li.sel {
	font-weight: bold;
	color: #fff;
	height:54px;
	background: url("/netface/indexue/guide/login/images/tabsel.png") no-repeat;
}

.loginForm {
	width: 100%;
	height:460px;
	width:532px;
}

.login {
	margin-top: 15px;
	margin-left: 23px;
}
.login .licon{
	width: 42px;
	height: 42px;
	display: block;
	float: left;
}
.typeicon{
	background: url("/netface/indexue/guide/login/images/typeicon.png") no-repeat;
}
.usericon{
	background: url("/netface/indexue/guide/login/images/usericon.png") no-repeat;
}
.passicon{
	background: url("/netface/indexue/guide/login/images/passicon.png") no-repeat;
}
.vericon{
	background: url("/netface/indexue/guide/login/images/vericon.png") no-repeat;
}
.login .item {
	padding: 6px 0px;
}
.login .item select option{
	font-size: 14px;
}
.login .item input,.login .item select {
	outline: none;
	width: 250px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border: 1px solid #d6d6d6;
	float: left;
	padding-left: 10px;
}

.login .item select {
	width: 262px;
	height: 42px;
}
.login .verTypeBox.item select{
	width: 130px;
	float: left;
	margin-right: 5px;
}

#vertype{
	display: none;
}
#checkCode {
	float: left;
}

#codebox {
	width: 100px;
	height: 40px;
	margin-left: 5px;
	float: left;
}

.chgCode {
	line-height: 36px;
}

.loginBtn {
	background: url("/netface/indexue/guide/login/images/loginbtn.png") no-repeat;
	width: 303px;
	height: 42px;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
}
.faceLoginBtn {
	background: url("/netface/indexue/guide/login/images/loginbtn.png") no-repeat;
	width: 303px;
	height: 42px;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
}
.loginBtn:hover{
	background: url("/netface/indexue/guide/login/images/loginbtn_h.png") no-repeat;
}
.faceLoginBtn:hover{
	background: url("/netface/indexue/guide/login/images/loginbtn_h.png") no-repeat;
}
.grbtn.loginBtn{
	background: url("/netface/indexue/guide/login/images/loginbtn.png") no-repeat;
	width: 303px;
	height: 42px;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
}
.grbtn.loginBtn:hover{
	background: url("/netface/indexue/guide/login/images/loginbtn_h.png") no-repeat;
}
.reguser{
	color: #fff;
	background: url("/netface/indexue/guide/login/images/minbtnbg.png") no-repeat;
	width: 145px;
	height: 42px;
	display: block;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
	float: left;
	margin-left: 20px;
}
.reguser:hover{
	background: url("/netface/indexue/guide/login/images/minbtnbg_h.png") no-repeat;
}
.login .item.error input {
	border: 1px solid red;
}

.bodyMask {
	position: absolute;
	left: 0;
	top: 0;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-align: center;
	vertical-align: middle;
	background: #eee url("../images/loading.gif") no-repeat center;
	z-index: 9999;
}

#error {
	color: red;
	display: block;
	width: 300px;
	height: 100%;
	font-size: 14px;
}

.bodyMask .loading {
	position: absolute;
	font-size: 15px;
	width: 100px;
	height: 30px;
}
.footer {
	clear: both;
    background: #e6e6e6;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 100%;
    color: #666;
    font-size: 14px;
}

.noticeBox{
	width: 370px;
	height: 380px;
	background: url("/netface/indexue/guide/login/images/noticebg.png") 0px -5px no-repeat;
	float: left;
	margin-right: 10px;
}
.forgetpwd{
	font-size: 14px;
}
.noticeBox>div{
	height: 160px;
}
.notitle{
	margin-left: 70px;
	color:#fb9b3d;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.nocnt{
	margin-left: 70px;
	text-indent: 2em;
	width: 270px;
	/*color: #b0b0b0;*/
	color:#7B68EE;
	font-size: 14px;
	line-height: 24px;
}
.nocnt .morecnt{
	display: none;
}
.nocnt .more{
	color: #fb9b3d;
	cursor: pointer;
	font-size: 14px;
}
.nocnt.empty{
	/* text-align: center; */
	line-height: 20px;
	/* background: url("/netface/indexue/guide/login/images/logomin.png") no-repeat; */
}
.qrcode,.wxcode{
	width: 200px;
	height: 200px;
	position: absolute;
	display: none;
	background: url("/netface/indexue/guide/login/images/qrcode.png") no-repeat;
	z-index: 1000;
	top: 65px;
}
.wxcode{
	background: url("/netface/indexue/guide/login/images/wxcode.jpg") no-repeat;
}
#cloudBody{
	width: 100%;
	height: 510px;
	margin-top:70px;
	position: absolute;
	top: 0px;
}
.cloud {
	position: absolute;
	top: 86px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(/netface/indexue/guide/login/images/cloud.png) no-repeat;
	z-index: 1;
	opacity: 0.5;
}
#cloud2 {
	z-index: 2;
}
.layui-layer-content{
	text-indent: 2em;
}
.titlebar{
 background-color: #268bf0;
 height: 36px;
 position: relative;
 top: 120px;
}
#obtainBtn{
    width: 124px;
    height: 40px;
    color: rgb(255, 255, 255);
    background-color: cornflowerblue;
    border-color: cornflowerblue;
}