html,body{margin:0;padding:0;}
body{background-position: center top;min-width: 100%;    background-size: 100% 100vh;}
.main-logo{display:block;max-width:336px;height:72px;background-color:rgba(250,0,255,0);margin-top:12px;margin-left:40px;}
.main{
    height: 450px;
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -225px;
    margin-left: -250px;
	padding:0 24px;
	border-right:2px solid #676767;
	border-radius: 10px;
	background-color: #fff;
	box-sizing:border-box;
}
.main h3{font-size: 20px;color:#000000;padding-top: 56px;padding-bottom:22px;}
.main h3.p-top-30{padding-top: 30px;}
.login h3{text-align: center;border-bottom:1px solid #cccccc;}
.main h3 label{color:#5d86bc;font-size: 14px;margin-top:10px;cursor: pointer;padding:3px;}
.main h3 label:hover{color:#3879d9;}
.login .info{position: relative;}
.login  input{font-size: 16px;padding:9px 10px 9px 45px;display: block;width:100%;border:1px solid #bababa;border-radius:6px;margin-top: 20px;}
.login div.info:before{content: '';width:13px;height: 16px;position: absolute;top:14px;left:10px;background-repeat:no-repeat;background-size: 100%;}
.login div.info:nth-of-type(1):before{background:url('../img/login1.png'); }
.login div.info:nth-of-type(2):before{background:url('../img/login2.png') ;}
.login div.info:after{content: '';width:1px;height: 16px;position: absolute;top:14px;left:35px;background-color: #cccccc}
.main .bgcolor{color:#5d86bc;font-size: 12px;margin-top: 10px;margin-bottom: 30px;cursor: pointer;}
.main .bgcolor:hover{color:#3879d9;}
.login button{background-color: #82a8d9;color:#fff;padding:6px 22px ;border-radius: 6px; margin: 0 auto;display: block;font-size: 16px;position: absolute;left: 50%;margin-left: -40px;}
.login button:hover{background-color:#3879d9;}
.main .error{border:1px solid #f94d51 !important;-webkit-box-shadow:0 0 4px 2px #ffacae;-moz-box-shadow:0 0 4px 2px #ffacae;  box-shadow:0 0 4px 2px #ffacae;}
/*忘记*/
.forget{display: none;}
.forget p{font-size: 12px;color:#777777;margin-bottom: 16px;}
.forget div{color: #1a1a1a;font-size: 12px;}
.forget ul li:nth-of-type(2n){margin-bottom: 10px;}
.forget ul li:nth-of-type(2n-1){margin-bottom: 5px;}
.forget ul li:nth-of-type(6){margin-bottom: 10px;}
.forget input[type="text"]{padding:7px 10px 7px 10px;display: block;width:266px;border:1px solid #bababa;border-radius:6px;box-sizing:border-box;}
.forget  select{height: 34px;line-height: 34px;padding:0 4px;border-radius: 6px;margin-left:0px; margin-right: 4.5px;padding-right:15px;text-align:center;}
.forget  button{background-color: #82a8d9;color:#fff;width:266px;text-align: center;line-height: 34px;height: 34px;border-radius:6px;font-size:13px;letter-spacing:1px;}
.forget button:hover{background-color:#3879d9;}
.active{animation: myfirst 3s;-moz-animation: myfirst 3s;-webkit-animation: myfirst 3s;-o-animation: myfirst 3s;}
@keyframes myfirst
{
from {opacity:0;}
to {opacity: 1;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {opacity:0;}
to {opacity: 1;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
from {opacity:0;}
to {opacity: 1;}
}

@-o-keyframes myfirst /* Opera */
{
from {opacity:0;}
to {opacity: 1;}
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: #fff !important;
	background-image: none !important;
	color:#666 !important;
}
.hidden{
	display:none;
}
/**
	Maintain upgrade prompt
**/
.upgrade-prompt{
	padding:45px 30px;
	padding-top:60px;
}
.upgrade-prompt h4{
	font-size:26px;
	color:#000;
	margin-bottom:30px;
}
.upgrade-prompt p{
	font-size:14px;
	color:#666;	
	margin-bottom:10px;
}
.upgrade-prompt p.time-tag{
	position:relative;
}
.upgrade-prompt p span.span-1{
	display:inline-block;
	width:25%;
}
.upgrade-prompt p span.span-2{
	display:inline-block;
	width:70%;
	
}
.upgrade-prompt p span.name-time{
	position:absolute;
	top:0;
	left:0;
}
.upgrade-prompt p span.tel{
	color:#4f8ef4;
}