@charset "utf-8";

main { background: #fff; }
.logo { position: relative; height: 3.6rem; color: #fff; margin-bottom: 0.5rem; text-align: center; background-image: url(../images/logreg_bg.jpg); padding: 80px 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(215deg, #33f2ff 0%, #4d7fed 100%); z-index: 1; opacity: 0.35; }
    .logo h1 { position: relative; z-index: 10; }
.logreg-form { padding-left: 0.6rem; padding-right: 0.6rem; }
.logreg-form .bui-list { border-top: none; }
.logreg-form.login .bui-list,
.logreg-form.reg .bui-list { margin-bottom: 0.7rem; }
.logreg-form .bui-list.drag-verify { margin-bottom: 0.7rem; }
.logreg-form .bui-list.drag-verify li { border-bottom: none; }
.logreg-form .bui-list.drag-verify #btnOpenDrag { background: #fff; color: #39a4ff; }
.logreg-form .bui-list.drag-verify #btnOpenDrag .alifont { color: #39a4ff; }
.logreg-form .bui-list.drag-verify #btnOpenDrag.success { color: #52c41a; }
.logreg-form .bui-list.drag-verify #btnOpenDrag.success .alifont { color: #52c41a; }
.logreg-form > .bui-btn { margin-bottom: 0.3rem; }
.logreg-form .bui-btn-text { margin-bottom: 0.2rem; }
.logreg-form .bui-label { width: 0.5rem; margin-right: 0.2rem; }
.logreg-form .alifont { font-size: 0.48rem; color: #39a4ff; }
.logreg-form .bui-input { height: .6rem; background: none; }
.logreg-form .bui-btn-text { text-align: center; color: #666666; }
.logreg-form .bui-btn-text.reg { background: #f5f5f5; padding: 0.25rem 0; border-radius: 100px; }
.logreg-form .other { display: flex; justify-content: center; }
.logreg-form .other .link { font-size: 0.24rem; margin: 0.2rem; color: #888; }
.copyright { font-size: 0.17rem; color: #999999; width: 100%; text-align: center; background-color: #ffffff; padding-bottom: 0.25rem; }
.icon-eye:before { content: "\e680" }
.icon-eye.active:before { content: "\e67f" }

.logreg-form .bui-list .bui-box { border-bottom: 2px solid #f5f5f5; }
.logreg-form .submit-btn { width: 100%; border-radius: 100px; }
.logreg-form .bui-list .bui-box input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.45); }
.logreg-form .bui-list .bui-box input:-moz-placeholder { color: rgba(0, 0, 0, 0.45); }
.logreg-form .bui-list .bui-box input::-moz-placeholder { color: rgba(0, 0, 0, 0.45); }
.logreg-form .bui-list .bui-box input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.45); }
.logreg-form .reg { font-size: 0.28rem; color: #aaa; text-align: center; }
.logreg-form .reg a { color: #39a4ff; }
.logreg-form .reg a i { font-size: 0.24rem; margin-left: 0.05rem; }
.logreg-form .other { margin-top: 0.5rem; }
.logreg-form .other .link:first-child { border-right: 1px solid #eee; padding-right: 0.4rem; }

/*注册*/
.captcha { text-align: right; }
.captcha img { height: 0.6rem; }
.phonecode .send { display: block; height: 0.6rem; line-height: 0.6rem; text-align: center; font-size: 0.24rem; border-radius: 100px; color: #f60; border: 1px solid #f60; }

/*忘记密码*/
.logreg-form.forget .bui-btn.step { width: 100%; }
.logreg-form.forget .stepbar2 .bui-label { width: 1.5rem; }
.logreg-form.forget .stepbar3 .item-title { margin: 0.2rem 0; padding-right: 0; }

.logreg-form .drag-verify .alifont { font-size: 0.26rem; color: #fff; }