@CHARSET "UTF-8";

.aui-register-popup{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    position: fixed ;
    height: 100%;
    width: 33.4%;
    /*background-color: rgba(0,0,0,.4);*/
    right:0px;
    margin: 0 ;
    /*overflow-y: scroll;*/
}
body {
    background:url(../images/ztgt-ui/home.png) !important;
    margin: 0  !important;
    background-repeat: no-repeat  !important;
    background-size: 66.7% 100%  !important;
    
}
.main{
	height:100%;
}
#loginKuang{
	height:100% !important;
}
.login-box{
	width:100% !important;
}
#ESCloginContent{
	height:100% !important;
	margin-left:14%; 
	padding-top:102px;
}
.container{
	margin:0px;
	padding:0px;
	background-color:white;
}
/*.aui-register-box {
    position: relative;
    width: 476px;
    padding-bottom: 10px;
    margin-top: 115px;
    margin-left: 50%;
    left: -238px;
    right:0px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 6px 2px rgba(0,0,0,.24);
    border-radius: 15px;
}*/
.aui-register-logo {
   /*width: 105px;*/
    margin: 0 auto;
   /*padding-bottom: 20px;*/
}

.normal {
    margin:0px;
    padding:0px;
    float:none;
    /*font-weight: 550;*/
    color: #333;
    font-size: 34px;
    line-height:34px;
    text-align:left;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
.aui-register-logo img {
    width: 100%;
    height: auto;
    border: none;
    margin-bottom: 6.4px;
}
.tab {
    padding-top: 15px;
    text-align: center;
    width: 460px;
    margin: 0 auto;
    border-bottom: 2px solid #ebebeb;
    margin-left:0px;
    overflow: hidden;
}
#ESCloginName{
	padding-top:5px;
}
.tab:after {
    content: '';
    display: block;
    clear: both;
}
.tab button {
    cursor: pointer;
    float: left;
    width: 148px;
    color: #b4b4b6;
    font-size: 18px;
    /*line-height: 66px;*/
    font-weight: bold;
    padding:22px 0px;
    line-height:18px;
    /*margin-top:45px;*/
    margin-top:25px;
    margin-right:40px;
    border-bottom:1px solid transparent;
    text-align: left;
}
.tab button.active{
	color:rgb(78,78,80);
	border-bottom:2px solid #006bf8;
	
}

.tab button:hover {
    color:rgb(78,78,80);
}
.loginInput input{
	width: 100% ;
    height: 48px;
    box-sizing: border-box;
    outline: 0;
    border: 2px solid #ebebeb;
    text-indent: 15px;
    font-size: 14px;
    line-height: 48px;
    *margin-left: -15px;
    border-radius:5px;
    background: #fff;
	font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	/*color:#c2cdd6;*/
    
}
.loginInput{
    width: 460px;
    margin: 26px 0px;
    position: relative;
    text-align: justify;
    padding:0px;
    line-height:48px;
    height:48px;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    
	overflow: hidden;
}

.ESCloginBtn{
	margin: 0px ;
	width: 460px;
    height: 58px;
    outline: 0;
    border: 0;
    background: 006bf8;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size:21px;
    line-height:62px !important;
}
#ESCLforget{
	margin:20px auto;
}
#btn_login{
	margin-top:2px;
	float:left;
}
#getSmsCode{
    /*position: absolute;
    top: -54px;
    right: 8px;
    height: 26px !important;
    background-color: rgb(238, 238, 238);
    width:80px !important;
    padding:0px 10px !important;
    margin:0px;
    font-size: 12px;
    line-height: 26px;
    background: #eee;
    border-radius: 2px;
    padding: 0 10px;
    cursor: pointer;
    padding:0px;
    border:0px;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    text-align: center;*/
    color:#006bf8;
    background-color: #fff;
    height:46px;
    width:160px;
    border:2px solid #ebebeb;
    float:right;
    text-align: center;
    line-height: 60px;
    text-indent:0px !important;
}
#codeImg{
	position: absolute;
    top: 4px;
    right: 8px;
}
.loginTxt{
	font-size: 15.5px;
	text-decoration: none;
    color: #999;
    float: right;
    position: relative;
    /*top: -15px;*/
	
}
.thirdParty{
	display:none;
}
#screen{
    display: inline-block;
    float: right;
    width: 50px;
    height: 50px;
    background: url(../images/ztgt-ui/pc.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 12px;
    right: 12px;
}
#screen:hover{
    display: inline-block;
    float: right;
    width: 50px;
    height: 50px;
    background: url(../images/ztgt-ui/pc1.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 12px;
    right: 12px;
}
.aui-tag-size {
    cursor: pointer;
    color: #ff8c14;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    float: left;
    width: 73px;
    position: absolute;
    left: -80px;
    height: 25px;
}
#qrcode{
	width: 50px;
    height: 50px;
	background: url(../images/ztgt-ui/co.png)  no-repeat;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    background-size: cover;
}
#qrcode:hover{
	width: 50px;
    height: 50px;
	background: url(../images/ztgt-ui/co1.png)  no-repeat;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    background-size: cover;
}
#qcDiv{
	width: 100%;
    display: inline-block;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    padding:0px !important;
}
.qr-code {
    width: 100%;
    display: inline-block;
    height: 210px;
    position: relative;
    text-align: center;
}

.qr-code img {
    border: 1px solid #eee;
    padding: 15px;
    width: 182px;
    height: 182px;
    margin: 0 auto;
    box-sizing: border-box;
}

.aui-text-item {
    width: 350px;
    margin: 20px auto;
    position: relative;
}

.aui-text-item h1 {
    text-align: center;
    font-size: 18px;
    color: #666;
    margin: 28px 0;
    line-height: 22px;
    height: 22px;
    font-weight: normal;
}

.aui-tab-footer p {
    margin-top: 23px;
    margin-bottom: 23px;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 17px;
    height: 17px;
}

.aui-tab-footer p a {
    color: #f4691c;
    text-decoration: none;
}
.aui-protocol {
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    color: #999;
    width:100%;
}

.aui-protocol a {
    color: #ff553e;
    text-decoration: none;
}
.otherLogin{
	height:100%;
}
#errMsg{
    text-align: left;
    color: #ff552e;
    margin:0px;
    margin-top:10px;
    font-size: 16px;
    float: left;
}
#errMsg p,#errMsg .icon-tips{
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
.icon-tips{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEN0lEQVRYR82YXWwUZRSGn3e7ulD8bSUGxYi4QKzdof7UxhuCNwJiCdBuAiZNjJELe6mJ3qhcqIneqDHRGI3xhqAwbTH1B4MxwWiMksjP7raG0HBhgGAiJYgQqe0cs1u37S473f1mUTtXm+x53/PMmfm+c74Rc/zSHOejLkBL0wCpBzBbBLEmsCbM/gSNEMRGOHvkuPYzXk8RnAENYnR5m5BtROoErg8FMLuE+BpjkDH7RIO5X11hnQCty+tAfIC42zURZoa0G9guP3O0Vn1NgLZhxbUkrn4L9HitxuFxFmDsZGysV4NHz1fzqwpom1rvIh77HLijmpnT/8YQAWs1kDkxm25WQEu3roeYD8x3Sl5zsJ0msDXqz2XCJKGAtrH1Tq7SYdA1NeeLFGinmVB7WCUrAlrnLY3Maz4IWhEpp7PIfuac2rUvc6FcWhkw7b0DPOWY5zeC4CWk80gvAkuc9GY71JftqQpom1YuJ27DkN+EXa7xDvnDB/IK29h2A/GJEaRmFwcwT342O1NzWQWt2+tHbHY0Pis/2zRTY93eD4gOR5+v5GcfDgW0dEsS4sfcTIvRwWb5uT2FCqZX3grBCGies9cE92kgc7CoK6mgdaeeQ3rV2bRAZQbKA2bBepCWRvIheEV+7vkQwCiPJRpGuMqG5WenWulUBW196kYaNRopndmHSDuwIECx6zB7F2lRJK+CSIvlHzlZ+FU0sXRLG8QPuZvaiPzssrIF8hFii7vXPwpjlfoy35YCdqUeIaZ8z3W7jIuMXVqmwaOnpm6229uJ2OpmNDM62CI/t6sccBsxvRfJ1OwE0qfyM72F9VI3oD0jP/t6KWC39yTi/UiAk6ID8jOFfa9uwMCeVn/2jbJ3sDC5fDYnAG1iq/qGPi4F3OzdSwM/zQlAbLX87DelgPltZj5nkKoOsSE3ceUe8QS3Fcev0k6STn0PejBiFa8UYE5+JlVkKG91zyK99r8Cmr2svuwLlQHrGhZmrOIurwvZGqRt7jc7fo/84cMVASe3iNRupLS78TTg9Iad+gJpnYPXl/IzJfGXz4NpL396y49cjgMrp/jj4lLtHbk0BZj29gJrawYcJ6U9mdzM+Mojf3fr2yhW6AqO1wGMPFS+y68CHqpZX+vIX3jM65IJFsz/Dun+mhPUFWi/wAVP/vFz5Tbhx87O5TeRSBxCWlxX7mriye837eVnkdBFMtOvcIBqsH2I26vlifj/XxD0FCeXSh5Vu4alkwuhcR/QFhEiTHaSYLxT/cOzzqBVAQvvZP4gn2h+E+mJCKu7EuAuGO+VP1x1gq8JcHrbaEliDdsRj4FizhU1jiHbVhwEatE7AU6Bbmi9mQSPgjZg5DtGIjyZ/Q7aSxAMcCY34PrFNRJgyUJaTZyFLUsgngRLYizAGAWNYhOnGR360RWq6kZdS+n/q5i6K/hvg/4NPX2LOLSlU28AAAAASUVORK5CYII=');
    width: 15px;
    height: 15px;
    background-size: 15px;
    display: block;
    float: left;
    padding-right: 5px;
	
}
#randomCode{
	width:270px !important;
}
#smsCode{
	width:270px !important;
}
#title2{
	margin-top: 23px;
}
#errMsg{
	display: inline-block;
}
#errMsg p{
	display: inline-block;
}
#codeImg{
	height:58px;
	border-radius:3px;
	border: 2px solid #ebebeb !important;
    width: 160px;
    top:0px;
    right:0px;
}
#scancodeDiv{	
	width:460px;
	margin:auto;
	position: relative;
    top: 100px;
    z-index: 0;
}
.scancodeTitle{
	display:inline-block;
}
.scancodeLine{
	border:1px solid rgb(235, 235, 235);
	width:150px;
	height:0px
}
#scancodeDiv span{
	display:inline-block;
	position: relative;
    top: -70px;
}
#scancode{
	width:200px;
	margin-left:84px;
	index-z:99;
}
#scancodeBottom{
	width:364px;
	overflow:hidden;
  	position:relative;
  	display:table-cell;
  	text-align:center;
  	vertical-align:middle;
	top:-50px;
}
.mask{
	width:200px;
	height:200px;
	margin-left:84px;
	position: absolute;
	top:0px;
	left:0px;
	index-z:100;
	display:table-cell;
  	text-align:center;
  	vertical-align:middle;
	
}
.maskexpired{
	background-color: rgba(1,1,1,0.5);
	color: white;
}
.masksuccess{
	background-color: rgba(265,265,265,0.9);
}
#scancodeMain{
	position: relative;
	top:-60px;
}
.tipImg{
	width:30px;
	position: absolute;
	top:75px;
	left:85px;
}
.scancodeTip{
	position: absolute;
	top:115px;
	left:37px;
	
}