body{padding: 0;margin: 0;}

.header{background-color: white;height: 73px;width: 100%;}
.header_nav{width: 70%;	margin: 0 auto;}

.wrap{
	margin:0 auto;
	background: url("../img/login_bg.png");
	height:100%;
    width: 100%;
    background-size:cover;
} 

.logo,
.login_nav{display: inline-block;}
.login_nav{line-height: 73px;float: right;}
.login_nav>span>a{color: #868383;}
.login_nav>span{float: left;}
.vertical_line{border-left: 1px solid #868383;margin: 0 15px;height: 19px;}

.layui-form-checkbox[lay-skin=primary]{
	min-height: 30px;  
    height:30px !important;
}

.user_info{
	width: 350px;
	margin: 0 auto;
	margin-top: 100px;
}

.enter .layui-card-header{
	text-align: center;
}

.enter .item{
	display: inline-block;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
}

.enter .item .img_box{
	width: 32px;
	text-align: center;
}
.enter .img_box img{
	width: 20px;
	margin: 9px 0;
}
.enter .item>input{
	width: 235px;
	height: 30px;
	line-height: 30px;
    margin: 4px 0;
	border: 0;
	border-left:1px solid #e6e6e6;
}
.enter .item .img_box,
.enter .item>input{
	float: left;
    display: inline-block;
}
.enter .layui-card-body{
	padding: 20px 40px;
}
.enter .layui-card{
	border-radius: 5px;
}
.service_select,
.btn_box,
.register{
	margin-top: 10px;
}
.service_select a{
	color: #7c868d;
}
.forget_pw{	float: right;}
.remember{
	display: inline-block;
}
.btn_box input{
	width: 100%;
	border-radius:5px;
}
.register{
	text-align: center;
}
.register a{
	color: #4289db;
}

*{
    padding: 0;
    margin: 0;
}
.slidetounlock{
       font-size: 12px;
       background:-webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));
       -webkit-background-clip:text;
       -webkit-text-fill-color:transparent;
       -webkit-animation:slidetounlock 3s infinite;
       -webkit-text-size-adjust:none;
}
@-webkit-keyframes slidetounlock{0%{background-position:-120px 0} 100%{background-position:120px 0}}


#drag{
    position: relative;
    background-color: #e8e8e8;
    width: 270px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
#drag .handler{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 32px;
    border: 1px solid #ccc;
    cursor: move;
}
.handler_bg{
    background: #fff url("../img/hd.png") no-repeat center;
}
.handler_ok_bg{
    background: #fff url("../img/ok.png") no-repeat center;
}
#drag .drag_bg{
    background-color: #7ac23c;
    height: 34px;
    width: 0px;
}
#drag .drag_text{
    position: absolute;
    top: 0px;
    width: 270px;
    color:#9c9c9c;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select:none;
    -ms-user-select:none;
    font-size: 12px;  
}