@charset "utf-8";
*{margin:0; padding:0;outline:none;}
body{font-family: Arial,Helvetica,"Microsoft Yahei"; font-size:14px; background-color:#f3f3f3;color:#8590a6; text-align:justify;line-height:1.5; }
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both;}
input{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
img{max-width:100%;border:none; vertical-align:middle;}i,em{ font-style:normal;}
ul,li,dl,dd{ list-style:none;}hr{height:1px; margin: 10px 0; border: 0; clear: both; background-color:#e6e6e6 }
.hidden{ display:none; }
.fl,.left{float:left;}.fr,.right{ float:right;}
a:link, a:visited, a:active{text-decoration: none; color:#096dd9; }
a:hover{text-decoration:none;color:#1890ff;}
.wrapper{ position:relative; background-color:#fff; margin:0 auto; min-height:100vh; }
.header{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 108px; padding: 0; background: #0084ff; color: #fff;}
.close{ position:absolute; top:15px; right:15px;}

.form dl{ position:relative; border-bottom:#eee 1px solid; background-color:#FFFFFF; }
.form dl:after { content: ''; visibility: hidden; display: block; clear: both; height: 0; font-size: 0; }
.form dl>dt{ float: left; width:5em; min-height:30px;padding:0 10px;line-height:50px; }
.form dl>dd{ position: relative; min-height:30px;padding:10px 10px;line-height:30px; overflow:hidden;-webkit-box-sizing: border-box; box-sizing: border-box; }
.form dl>dd input{ height:30px; line-height:30px; display:block;border:none;-webkit-box-sizing: border-box; box-sizing: border-box;vertical-align: top; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.form dl>dd img{ position:absolute; right:0; top:5%; height:90%; }
.form .tip{ font-size:13px; padding:15px 10px; line-height:1; overflow:hidden; white-space:nowrap; }
.mbox{ padding:20px 20px 0 20px;}
.button { box-sizing: border-box; display:inline-block; position: relative; min-width:50px; height: 42px; padding: 0 1.5em; border: none; border-radius: 3px; background-color:#0084ff; color: #fff; font-size:18px; line-height:42px; text-align: center; text-decoration: none; vertical-align: top; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0);letter-spacing:2px; }
.button.full{ display: block; width: 100%; padding: 0; }
.button.invite{ font-size:13px; position:absolute; top:6px; right:10px; height:32px; line-height:32px; color:#FFFFFF; background-color: #8cc152;letter-spacing: normal; }

.mainwrap{ padding:60px 25px 25px 25px; margin-bottom: 64px;  border-radius: 4px;}
.formlogo{text-align: center;}
.formlogo img2{ width:64px; height:64px; }
.formlogo h2{ font-weight:500; }
.formmain li{ position:relative; margin:22px 0;}.formmain p{ padding:0 8px; background-color:#FFFFFF; color:#2a932f; font-size:12px; line-height:1; position:absolute; top:-6px; left:10px;}
.formmain li input{ width:100%;border: 1px solid #e9e9e9; border-radius:4px;height:50px; padding:13px 15px; font-size:15px;}
.formmain li input::-webkit-input-placeholder{ color:#999;}
.formmain li input:focus{ border:#25B864 2px solid;}
.btn{letter-spacing:4px;width:100%;color:#fff; background-color:#25B864; border:none;height: 40px;font-size: 16px; border-radius: 4px;font-weight:500; white-space: nowrap; text-align: center;cursor: pointer; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.formmain li.formitem{ position:relative;display:flex;}
.formmain li.formitem input{ text-indent:12px; padding-left:0;}
.formmain li.formitem .codeimg{ margin-left:10px;border-radius:4px;border: 1px solid #e8e8e8; background-color:#FFFFFF;color: #595959; text-align:center; width:70%;}
.formmain li .btn{ margin:5px 0;}
.formmain li.inperr input{ border-color:#FF0000;}
.formmain li.inperr p{ color:#FF0000;}
.login3{ text-align:center; padding-top:50px;}
.login3 i{ display: inline-block; width: 1px; height: 14px; vertical-align: middle; margin: 0 8px 3px; background-color: #e8e8e8; }

footer{ position: absolute;padding:20px 0; bottom:0; width:100%; text-align:center;}
footer ul li{ margin:0 auto;position:relative;display:inline-block;padding:0 15px;font-size:15px;}
footer ul li a{display:block;height:100%;color:#333}
footer ul li::after{position:absolute;right:0;top:4px;bottom:4px;display:block;content:'';width:1px;background:#ddd}
footer ul li:last-child::after{display:none}
footer span{display:block;line-height:2;font-size:14px;color:#999;text-align:center}
.inner{ padding:10px;}.plr{ padding-left:10px; padding-right:10px;}.pt{ padding-top:15px;}
@media only screen and (min-width:769px){
	.wrapper{width:640px;}
	.mainwrap{border:1px solid #e9e9e9;padding: 40px 40px 20px 40px;}
}