@charset "utf-8";

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

a {
	text-decoration: none;
}

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: 51px;
	width: 530px;
	position: absolute;
	top: 10px;
	left: 20px;
	background: url("../images/logo.png") no-repeat;
}
.curtime{
	position: absolute;
	top: 10px;
	right: 150px;
	font-size: 14px;
	color: #b0b0b0;
}
.topbar{
	list-style: none;
	position: absolute;
	top: 35px;
	right:150px;
}
.topbar li{
	float: left;
	padding-left: 13px;
}
.topbar li a{
	font-size: 14px;
	color: #a7a7a7;
}
.loginBg {
	margin-top: 70px;
	width: 100%;
	height: 485px;
	background: url("../images/loginbg.png") no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='indexue/guide/login/images/loginbg.png',sizingMethod='scale');
}
.tbox{
	width:750px;
	position: absolute;
	right: 205px;
	top: 130px;
	z-index: 3;
}
.loginBox {
	width: 340px;
	height: 318px;
	background: url("../images/loginboxbg.png") -11px 0px no-repeat;
	float: left;
}

.loginBox .tabs li {
	background: url("../images/tab.png") no-repeat;
	width: 99px;
	height: 46px;
	color: #666;
	cursor: pointer;
	margin-top: 0px;
}
.loginBox .tabs li div{
	font-size: 14px;
	font-weight: bold;
	margin-left:39px;
	line-height: 49px;
}
.loginBox .tabs li.sel {
	font-weight: bold;
	color: #000;
	height:46px;
	background: url("../images/tabsel.png") no-repeat;
}

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

.login {
	margin-top: 15px;
	margin-left: 12px;
}
.login .licon{
	width: 42px;
	height: 42px;
	display: block;
	float: left;
}
.typeicon{
	background: url("../images/typeicon.png") no-repeat;
}
.usericon{
	background: url("../images/usericon.png") no-repeat;
}
.passicon{
	background: url("../images/passicon.png") no-repeat;
}
.vericon{
	background: url("../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: 220px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border: 1px solid #d6d6d6;
	float: left;
	padding-left: 10px;
}

.login .item select {
	width: 232px;
	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("../images/loginbtn.png") no-repeat;
	width: 276px;
	height: 42px;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
}
.loginBtn:hover{
	background: url("../images/loginbtn_h.png") no-repeat;
}
.grbtn.loginBtn{
	background: url("../images/minbtnbg.png") no-repeat;
	width: 126px;
	height: 42px;
	float: left;
}
.grbtn.loginBtn:hover{
	background: url("../images/minbtnbg_h.png") no-repeat;
}
.reguser{
	color: #fff;
	background: url("../images/minbtnbg.png") no-repeat;
	width: 126px;
	height: 42px;
	display: block;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
	float: left;
	margin-left: 20px;
}
.reguser:hover{
	background: url("../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{
	background: url("../images/noticebg.png") 0px -5px no-repeat;
	width: 370px;
	height: 351px;
	float: left;
	margin-right: 10px;
}
.forgetpwd{
	font-size: 14px;
	font-weight:bold;
}
.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;
	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("../images/logomin.png") no-repeat; */
}
.qrcode,.wxcode{
	width: 200px;
	height: 200px;
	position: absolute;
	display: none;
	background: url("../images/qrcode.png") no-repeat;
	z-index: 1000;
	top: 65px;
}
.wxcode{
	background: url("../images/wxcode.jpg") no-repeat;
}
#cloudBody{
	width: 100%;
	height: 510px;
	margin-top:70px;
	position: absolute;
	top: 0px;
}
.cloud {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/cloud.png) no-repeat;
	z-index: 1;
	opacity: 0.5;
}
#cloud2 {
	z-index: 2;
}
.layui-layer-content{
	text-indent: 2em;
}
.qrcode-target {
    position: absolute;
    width: 46px;
    height: 50px;
    display: block;
    top: 10px;
    right: 21px;
    background-image: url(../images/chglogin.png);
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 101;
    -webkit-transition: background-position .2s cubic-bezier(0.25,.5,.5,.9);
    -moz-transition: background-position .2s cubic-bezier(0.25,.5,.5,.9);
    transition: background-position .2s cubic-bezier(0.25,.5,.5,.9);
}
.qrcode-target-hide {
    background-position: -253px -146px;
}
.qrcode-target-show {
    background-position: -207px -100px;
}
.qr-box{
	width:280px;
	height:100%;
	position:absolute;
	top:0px;
	text-align: center;
	align:center;
}
.qr-title{
	font-size: 17px;
	font-weight: 700;
	margin-top:30px;
}
.qr-footer{
	font-size: 14px;
}
.qr-mask{
	position:absolute;
	top: 68px;
    /*left: 70px;*/
	height:210px;
	width:210px;
	background-color: #666;
	filter:alpha(Opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	z-index:999;
}
.mask-content{
	position:absolute;
	top: 70px;
    /*left: 68px;*/
	height:210px;
	width:210px;
	z-index: 1000;
	text-align: center;
}
.qr-mask-msg{
	font-size:15px;
	color: white;
	margin-top: 70px;
}
.refresh-button {
    outline: none;
    line-height: 1.5;
    height: 30px;
    color: #fff;
    border: none;
    background-color: #43bcec;
    display: inline-block;
    margin-top: 6px;
    margin-top: 4px\0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    font-size: 14px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
}
.refresh-button:HOVER{	
 	background-color:#1dade6;
}