@charset "utf-8";
/* CSS Document */
/*忘记密码按钮*/
.buttonfg {
  display: inline-block;
  border-radius: 4px;
  background-color: #ffffff;
  border: none;
  color: #000000;
  text-align: center;
  font-size: 15px;
  width: 100px;
  height: 30px;
  transition: all 0.5s;    
  cursor: pointer;         
  margin: 5px;             
  padding: 5px;
}

.buttonfg span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonfg span:after {
  content: '<<';
  position: absolute;
  opacity: 0;
  top: 0;
  left: -20px;
  transition: 0.5s;
}

.buttonfg:hover span {
  padding-left: 20px;
}

.buttonfg:hover span:after {
  opacity: 1;
  left: 0;
}
/*到此结束*/
.forgetpw{
	position: absolute;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 40%;
	height: 10%;
	bottom: 0px;
	text-align: left;
	vertical-align: middle;
}
.reg{
	text-align: right;
	margin-right: 10px;
	right: 0;
}
/*登陆按钮*/
/*按钮基本设置*/
.buttondl {
  display: inline-block;         /*定义行内块元素,可以让padding和margin生效，又可以和其他行内元素并排。*/
  border-radius: 4px;            /*设置圆角大小*/
  background-color: #FF7A7A;     /*设置背景色*/
  border: none;                  /*设置边框*/
  color: #FFFFFF;				 /*设置字体颜色*/
  text-align: center;            /*文本居中*/
  font-size: 15px;				 /*文字大小*/
  width: 80px;			
  height: 35px;
  transition: all 0.5s;           /*过渡时间*/
  cursor: pointer;                /*光标改变*/
  margin: 5px;
  padding: 0; 
}
/*在文字周围定义一小块*/
.buttondl span {
	/*background-color: aqua;*/
  cursor: pointer;                 /*这条貌似是多余的*/
  display: inline-block;           
  position: relative;              /*定义绝对位置零点*/
  transition: 0.5s;                /*定义这一小块的动画时间*/
}
/*定义块附加值 » 初始位置*/
.buttondl span:after {
  content: '»';
  position: absolute;              /*定义绝对位置*/
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
/*鼠标移上去之后，按钮块的变化*/
.buttondl:hover {
	background-color: #fc5555;
}
/*鼠标移上去之后,span块的变化*/
.buttondl:hover span {
  padding-right: 10px;             /*span块内部右边填充以达到字体左移的效果*/  
}
/*鼠标移上去之后,块附加值的变化*/
.buttondl:hover span:after {
  opacity: 1;                      /*重新定义透明度以显示 » */
  right: 0;                        /*重新定义 » 位置以产生移动效果*/
}
/*haver 是鼠标移上去后的效果*/
/*span 貌似是定义一个小块,其效果为文字大小为基准在文字周边定义一小块*/
/*after 选择器向选定的元素之后插入内容。*/
/*到此结束*/
.box_username{
	width: 245px;
	height: 25px;
}
.box_input{
	width: 280px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 60px;
}
.box_login{
	width: 280px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 15px;
}
.input_error{
	width: 100px;
	height: 60px;
	margin-right: 0;
	float: right; 
}
.box_submit{
	width: 50px;
	height: 30px;
}
.loginbox {
	position: relative;
	width: 90%;
	max-width: 500px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	border-left: 2px solid #FF7A7A;
	border-right: 2px solid #FF7A7A;
	border-top: 2px solid #FF7A7A;
	border-bottom: 2px solid #FF7A7A;
	text-align: center;
}
.font_yhdl{
	color: #FF7A7A;
	font-size: 30px;
}
/*注册按钮*/
.buttonregister {
  display: inline-block;
  border-radius: 4px;
  background-color: #ffffff;
  border: none;
  color: #000000;
  text-align: center;
  font-size: 15px;
  width: 100px;
  height: 30px;
  transition: all 0.5s;    
  cursor: pointer;         
  margin: 5px;             
  padding: 5px;
}

.buttonregister span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonregister span:after {
  content: '>>';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.buttonregister:hover span {
  padding-right: 20px;
}

.buttonregister:hover span:after {
  opacity: 1;
  right: 0;
}
.hr0{
	height: 0;
	border: 1px solid #FF7A7A;
}
/*到此结束*/
.login_container {
	position: absolute;
	left: 50%;
	top: 50px;
	transform: translate(-50%,0);
	width: 100%;
	height: 500px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	display: none;
	
}
.big {
	position: relative;
	width: 90%;
	height: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #B8B8B8;
	
}