@charset "utf-8";


body{width:100%;height:100%;position: relative;}

#box{width:23.4rem;height:32.1rem;position: absolute;left:50%;top: 50%;margin:-16.05rem 0rem 0rem -11.7rem;box-shadow: 2px 2px 2px #b5b5b5,-2px -2px 2px #b5b5b5;
border-radius: 4px;}

header{width:100%;height:7.7rem;text-align:center;border-bottom:1px solid #FC4242;position:relative;}
header img{width:3.175rem;height:0.9rem;position: absolute;left:2.1rem;top:1.25rem;}
header h4{font-weight: normal;font-size:1.15rem;line-height:7.7rem; color:#454545;}

.content{width:100%;height:66%;padding:10.7% 4.2% 0% 4.2%;}
.content .info_list{width:100%;}
.content label{display:inline-block;border:1px solid #727272;height:2.5rem;width:3rem;text-align:center;position:relative;margin-bottom: -1px;}
.content label img{width:1.85rem;height:1.85rem;position:absolute;left: 50%;top:50%;margin:-0.925rem 0rem 0rem -0.925rem;}
.content input{display:inline-block;vertical-align:top; width:86%;height:2.5rem;padding-left:0.5rem;font-size:0.7rem;border:1px solid #727272;margin-left:-1px;
margin-bottom: -1px;position:relative;}
.content input:focus{border:1px solid #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);z-index: 2;}
article section .layui-input{border-right:none;z-index: 100;}
#inputPassword{border-bottom-right-radius: 4px;}
.content .name{border-top-left-radius: 4px;}
#inputEmail{border-top-right-radius: 4px;}
.content .pwd{border-bottom-left-radius: 4px;}
.content .forget_pwd{width:100%;text-align:right;font-size:0.7rem;margin-bottom:18%;line-height: 30px;}

.forget_btn:hover{color:#FC4242;}
.forget_btn:focus{color:#FC4242;}
.login_btn{width:100%;height:2.5rem;line-height: 2.5rem;text-align:center;color:#FFFFFF;background:#fc4242;display:inline-block;}
.login_btn:hover{color:#FFFFFF;}
.login_btn:focus{color:#FFFFFF;}

footer{width:100%;text-align:center;font-size:0.6rem;}