.rel-login-wrap { display:none;position: fixed; width: 100%; height: 100%; top:0;left:0; background: rgba(0,0,0,0.4); z-index: 100;}
.rel-login-wrap>div { width: 320px; padding: 30px 30px 10px 30px; height: 390px; position: absolute; top: 50%; left: 50%; margin-top: -215px; margin-left: -190px; background: #fff; border-radius: 10px;}

.rel-login-wrap>div>h2 { font-size:18px; color:#272727; text-align:center;margin-bottom: 5px;}
.rel-login-wrap>div>p { color: #666; text-align: center;}


.rel-login-item { position:relative; width:318px; height: 38px; border-radius: 4px;  border: 1px solid #eee; margin-top: 30px;}
.rel-login-item input {height: 28px;padding: 5px; outline: none; width: 308px;}

.rel-login-item3 img { position: absolute;right: 0; top:0; margin: 0; width: 100px;height: 38px;}

.rel-login-item2 #send-code { cursor: pointer;border-left: 1px solid #eee;width:100px;height: 38px;text-align: center;line-height: 38px; position: absolute; right: 0 ; top: 0; background: #eb2332;color:#fff;}

.rel-agreement { text-align: center;margin-top: 10px;}
.rel-agreement>span {vertical-align: middle;}
.rel-agreement a {color: #079CD3 }

.login_release_btn { font-size:16px;width:318px;height: 50px;background: #eb2332;color: #fff;line-height: 50px;text-align: center; border-radius: 4px;margin-top: 30px; cursor: pointer;}


.rel-login-wrap>div>img {position: absolute;right: 10px;top:10px; cursor:pointer;}