@charset "utf-8";
*{margin:0;	padding:0;}
body{font-size:12px; font-family:"微软雅黑"; width:100vw; height:100vh; background:#3b8dff;}
ul,ol,li{list-style-type:none;}
a{text-decoration:none;}
img{border:none;}
section{width:100vw; height:100vh;}
section > img{width:100%; height:100%; display:block;}

.content{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:420px; height:420px; background:#fff; background-size:cover; display:flex; flex-direction:column; align-items:center; border-radius:20px;}
.leftImg{position:absolute; left:-20px; top:0; width:20px; height:420px;}
.rightImg{position:absolute; right:-20px; top:0; width:20px; height:420px;}
.bottomImg{position:absolute; left:0; bottom:-20px; width:420px; height:20px;}
.leftImg img,.rightImg img,.bottomImg img{width:100%; height:100%}
.xiaoren{margin:20px 0 15px 0; overflow:hidden;}
.xiaoren img{width:60px}
.tubiao{margin-bottom:20px;}
.tubiao img{width:220px;}
.txt{width:50%; height:35px; line-height:35px; margin-bottom:15px; font-size:14px; color:#000; overflow:hidden; background:#fff; border-radius:60px; border:1px solid #b4b4b4;}
.txt p{float:left; width:70px; text-align:right; font-size:13px;}
.txt input{float:left; width:50%; height:100%; border:none; outline:none; font-size:13px; color:#000;}
.txt span{float:right; width:50px; display:block; margin-right:15px; text-align:center; background:#CCCC66; color:#000; height:20px; line-height:22px; font-size:14px; margin-top:7px; font-weight:bold;}
.login{width:50%; height:35px; border:1px solid #f4ae13; outline:none; margin-bottom:15px; font-size:14px; color:#fff; font-weight:bold; letter-spacing:2px; cursor:pointer; overflow:hidden; background:#f4ae13; border-radius:60px; display:flex; align-items:center; justify-content:center;}
.reset{width:50%; height:35px; border:1px solid #eeeeee; outline:none; margin-bottom:15px; font-size:14px; color:#7b602e; font-weight:bold; letter-spacing:2px; cursor:pointer; overflow:hidden; background:eeeeee; border-radius:60px; display:flex; align-items:center; justify-content:center;}