body{
  background: rgba(247,247,247, 0.9);
  background-size:cover;
  padding: 0px;
  margin: 0px;
  font-family: Tahoma,\5FAE\8F6F\96C5\9ED1,sans-serif;
}

/*background: rgba(247,247,247, 0.9);*/
html,body {
  width:100%;
  height:100%;
  overflow:hidden
}

.login_bg{
	width: 100%;
	height: 100px;
	line-height: 100%;
}

.disable {
  pointer-events: none;
}
.panl_view_login{
	width: 100%;
	display: flex;
	margin-top: -150px;
	align-items: center;
	justify-content: center;
	height: 100%;
}


.panl_left_titel_l{
	font-size: 50px;
	font-weight: bold;
	color: #fff;
}

.panl_left_ds_l{
	font-size: 25px;
	color: #fff;
	margin-top: 70px;
}

.panl_left_l{
	width: 45%;
	float: left;
  display: flex;
  align-items: center;
	justify-content: center;
	height: 100%;
	flex-direction: column;


}
.login_titel{
	 width: 100%;
	 display: flex;
	 height: 90px;
   color: #00bf60;
	 font-size: 25px;
	 align-items: center;
}

/*.name_vl{
	width: 100%;
	height: 45px;
	border: none;
}*/

   .name_vl{
	  width: 325px;
		height: 41px;
		overflow: hidden;
		padding-left: 15px;
		font-size: 16px;
   border: 1px solid #e3e7ed;                               
 }  

  .login_button{
      width: 340px;
			float: left;
      font-size: 15px;
			cursor: pointer;
			color: #fff;
			margin-top: 30px;
			line-height: 45px;
			text-align: center;
			background: #00bf60;
			height: 45px;

       }     
       .a1{
         font-size: 14px;
         margin-top: 50px;
         color: #B5B5B5;
       }
       .a2{
         font-size: 14px;
         color: #00bf60;
         text-decoration: underline;
       }   
        .name_vl:focus{  
          font-family: 华文黑体;                   
        	border-color: #00bf60;                     
        	outline: 0;                                
        }
        .private{
          width: 340px;
        	margin-top: 20px;
        }

        .code_div{
        	width: 325px;
        	margin-top: 30px;
        }

    .erre{
     color: red;
     width: 340px;
     height: 20px;
     margin-top: 15px;
     font-size: 15px;
    }
        .code_vl{
        width: 100%;
		height: 41px;
		overflow: hidden;
		float: left;
		font-size: 16px;
		padding-left: 15px;
   	   border: 1px solid #e3e7ed;                             
   
        }
		.send_code_vl{
			width: 30%;
			margin-left: 10px;
			float: left;
      cursor: pointer;
      font-size: 14px;
			color: #00bf60;
			line-height: 41px;
			text-align: center;
			border: 1px solid #00bf60;
			height: 41px;
		}
        .code_vl:focus{                     
        	border-color: #00bf60;                     
        	outline: 0;                                
        }

.panl_right_l{
	width: 55%;
  margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	height: 100%;
}

.login_view{
	 width: 76%;
	 margin-top: 10px;
	 height: 100%；
}
.login_plan{
  background: #fff;
	width: 570px;
  padding-left: 70px;
  border-radius: 8px;
	height: 450px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}


@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translate(-2000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate(25px, 0, 0);
  }
  75% {
    transform: translate(-10px, 0, 0);
  }
  90% {
    transform: translate(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes bounceInright {
  0% {
    opacity: 0;
    transform: translate(2000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate(25px, 0, 0);
  }
  75% {
    transform: translate(-10px, 0, 0);
  }
  90% {
    transform: translate(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}


 #drag{
    position: relative;
    background-color: #e8e8e8;
    width: 340px;
    margin-top: 30px;
    height: 44px;
    line-height: 44px;
    text-align: center;
}
#drag .handler{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 44px;
    height: 42px;
    border: 1px solid #e3e7ed;
    cursor: move;
}
.handler_bg{
  background: #fff url("../images/sjt.png") no-repeat center;
}
.handler_ok_bg{
    background: #fff url("../images/wc2.png") no-repeat center;
}
#drag .drag_bg{
    background-color: #e8e8e8;
    height: 44px;
    width: 0px;
}
#drag .drag_text{
    position: absolute;
    top: 0px;
    width: 340px;
    color:#9c9c9c;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select:none;
    -ms-user-select:none;
    font-size: 14px;        //  add
}