html,body{ height: 100%; width: 100%; }

body{background:url('../images/bg_bg3.jpg') no-repeat;}

.wrap_vue{width: 100%; height: 100%; display: flex; align-items: center;  justify-content:center;flex-direction: column; }

.wrap_vue_inner{width: 350px; padding-bottom: 50px; background-color: rgba(0,0,0,0.3); border-radius: 10px; box-shadow: 5px 5px 30px #888888; display: flex; flex-direction: column;}
.wrap_title{height: 90px; line-height: 90px; width: 100%; color: #fff; font-size: 1.5em; text-align: center;}
.wrap_info_one{width: 80%; height: 50px; line-height: 50px; margin-top: 10px; background-color: rgba(255,255,255,0.5); border-radius: 5px;}
.wrap_info_one input {width: 85%; height:30px; text-indent: 5px; margin-top: 10px; margin-right: 5px; margin-left: 35px; float: left; background-color:transparent; border:none; tex }

.phone{background:url('../images/icon/icon_wphone.png')  rgba(255,255,255,0.5) 10px center no-repeat; background-size: 20px 20px;}
.email{background:url('../images/icon/icon_email.png')  rgba(255,255,255,0.5) 10px center no-repeat; background-size: 20px 20px;}
.authcode{background:url('../images/icon/icon_authcode2.png')  rgba(255,255,255,0.5) 10px center no-repeat; background-size: 20px 20px; display: flex;}
.authcode input{flex:1; }
.authcodebtn{flex:none; height: 30px; line-height: 30px; cursor: pointer; padding:0 10px 0 10px; margin-right: 10px; border-radius: 5px; background-color: rgba(0,0,0,0.8); color: #fff; margin-top: 10px;}
.password{background:url('../images/icon/icon_password.png')  rgba(255,255,255,0.5) 10px center no-repeat; background-size: 20px 20px;}

.wrap_btn{width: 100%; margin-top: 20px; display: flex; }
.onebtn {width: 80%; height: 40px; line-height: 40px; cursor: pointer; text-align: center; color: #FF9B39; background-color: #fff; border-radius: 5px;}
.main{color: #fff; background-color: #FF9B39;}

.wrap_modechange{width: 80%; float: left; color: #fff; margin-top: 20px; margin-left: 10%; cursor: pointer; font-size: 0.8em; display: flex;}
.wrap_modechange div {flex:1;text-align: right; }
.wrap_modechange div:first-child{text-align: left; }