/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;-webkit-apperance:normal; }
a,a:hover{color:#333;}
body{ 
	background: #30cfd0;
    background: linear-gradient(left,#330867,#30cfd0);
    background: -ms-linear-gradient(left,#330867,#30cfd0);        /* IE 10 */
    background:-moz-linear-gradient(left,#330867,#30cfd0);
    background:-webkit-gradient(linear, 0% 0%, 100% 0%,from(#250649), to(#229091));
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#250649), to(#229091));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left,#330867,#30cfd0);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left,#330867,#30cfd0);  /*Opera 11.10+*/
    overflow: hidden;
    margin:0 auto;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
}
.bigbox{
	margin-top: 200px;
}
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {  
    -webkit-text-fill-color: #ededed !important;  
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
    background-color:transparent;  
    background-image: none;  
     transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间  
}  
input {  
     background-color:#fff;  
}  
.login-main{
	position: absolute;
	width: 100%;
	height:auto;
	top:50%;
	margin-top: -360px;
}
.login-main-content{
	width: 50%;
	margin:0 auto;
}
.login-main-content h1{
	margin-bottom: 15px;
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 5px;
	text-indent: 3px;
}
.login-main-logo{
	width: 100%;
	height: 8rem;
   text-align: center;	
}
.login-main-logo img{
	height: 100%
}
.login-main .login-userbox{
	width: 96%;
	max-width: 300px;
	margin:0 auto;
}
.login-main .login-userbox dl{
	margin-top: 10px;
}
.login-main .login-userbox dl dt{
	width: 100%;
	margin:10px 0 20px 0;
	/*float: left;*/
}
.login-main .login-userbox dl dt:after{
	display: block;content: "";clear: both;
}
.login-main .login-userbox dl dt span{
	width: 33.33%;
	text-align: center;
	color: #fff;
	font-size: 1rem;
	float: left;
	padding: 10px 0;
	border-bottom: #333 solid 1px;
	cursor: pointer;
}
.login-main .login-userbox dl dt span.cur{
	color: #43cc99;
	border-color:  #43cc99;
}
.login-main .login-userbox dl dd{
	width: 100%;
	margin-top: 10px;
}
.login-main .login-userbox dl dd.yanzhenbox{	
	border-bottom: #333 solid 1px;
}
.login-main .login-userbox dl dd.forget{
	text-align: center;
	margin:20px 0;
}
.login-main .login-userbox dl dd.forget a{
	color:#43cc99;
}
.login-main .login-userbox dl dd.forget a:hover{
	text-decoration: underline;
}
.login-main .login-userbox dl dd input{
    font-size: 1rem;
	padding: 1rem 0;
	text-align: center;
	border-radius: 30px;
	border: 0;
	color: #000;
}
.login-main .login-userbox dl dd input:placeholder{
	color: #000;
}
.login-main .login-userbox dl dd input.long-input::-webkit-input-placeholder{
    color: #666;
}
.login-main .login-userbox dl dd input.long-input{
	width: 100%;
}
.login-main .login-userbox dl dd input.short-input{
	width: 50%;
	background: none;
	border-radius: 0;
	color: #fff;
	/*padding: .8rem 0*/
}
.login-main .login-userbox dl dd input.short-input::-webkit-input-placeholder{
    color: #fff;
}
.login-main .login-userbox dl dd input.input-btn{
   background: #43cc99;
   color: #fff;	
   transition: all .5s;
   cursor: pointer;
}
.login-main .login-userbox dl dd input.input-btn:hover{
	background: -webkit-linear-gradient(left,#5bd4fd,#2f98fb); 
}
.login-main .login-userbox dl dd .yanzhen{
	margin-top: 5px;
	float: right;
	width: 30%;
	height:40px;
	vertical-align: top;
	color: #fff;
	background: transparent;
	border: 0;
	line-height: 0;
	text-align: center;
	border-radius: 30px;
	overflow: hidden;
	font-size: 12px;
	cursor:pointer;
}
.login-main .login-userbox dl dd .yanzhen img{
	width: 100%;
	height:100%;
	border:0;
	border-radius: 30px
}
.login-main .login-userbox dl dd .yanzhen:hover{
	background: rgba(225,225,225,.5);
}
/*新增，修改提示框的样式*/
/*修改提示框*/
.login-form dd {
    position: relative;
}
.login-form p {
    position: absolute;
    top:0;
    right: -280px;
    width: 250px;
    padding: 1rem;
    text-align: left;
    font-size: .8rem;
    line-height: 1rem;
    color:red;
    display: none;
    
}
.yanzhenbox{
	position: relative;
}