/*
	DESTOON Copyright (C)2008-2099 www.destoon.com
	This is NOT a freeware,Use is subject to license.txt

	—— 会员登录 / 注册 科技蓝 v1 ——
*/
:root{
	--m-pri:#1677FF;
	--m-pri-d:#0B4FC4;
	--m-cyan:#22D3EE;
	--m-soft:#E8F1FF;
	--m-soft2:#F4F8FF;
	--m-line:#E1E9F5;
	--m-line2:#EFF3FA;
	--m-ink:#16233A;
	--m-ink2:#54657F;
	--m-ink3:#93A2B8;
	--m-grad:linear-gradient(118deg,#0B4FC4 0%,#1677FF 52%,#2E90FF 100%);
	--m-grad-s:linear-gradient(118deg,#1677FF,#2E90FF);
	--m-shadow:0 2px 10px rgba(21,60,120,.055);
	--m-shadow2:0 8px 24px rgba(21,60,120,.13);
}

#msgs{z-index:1000;position:absolute;width:148px;margin:-38px auto 0 126px;background:#16233A;border-radius:8px;height:32px;line-height:32px;color:#FFFFFF;font-size:13px;text-align:center;display:none;box-shadow:0 8px 22px rgba(0,0,0,.24);}

/* ===== 登录卡片 ===== */
.login-show {display:none;}
.login-main {width:400px;background:#FFFFFF;border:none;margin:0 auto;border-radius:18px;float:none;box-shadow:0 20px 56px rgba(16,60,130,.15),0 2px 6px rgba(16,60,130,.06);position:relative;}
.login-main:before {content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--m-grad);border-radius:18px 18px 0 0;}
.login-head {height:60px;overflow:hidden;padding-top:4px;}
.login-head ul {height:56px;border-bottom:#EAF1FC 1px solid;}
.login-head li {float:left;width:140px;height:56px;line-height:56px;text-align:center;font-size:15px;color:var(--m-ink2);border-bottom:2px solid transparent;transition:color .18s,border-color .18s;box-sizing:border-box;}
.login-head a {display:block;width:100%;height:56px;color:inherit;}
.login-head a:hover {color:var(--m-pri);}
.login-head li:hover {border-bottom-color:#B7CEF2;}
.login-head .on,.login-head .on:hover {border-bottom-color:var(--m-pri);font-weight:700;}
.login-head li:first-child:last-child {width:100%;}
.login-head .on a {color:var(--m-pri);}
.login-body {padding-bottom:36px;}
.login-body div {padding:22px 36px 0 36px;font-size:14px;}
.login-oauth {border-top:#EFF3FA 1px solid;text-align:center;margin-top:26px;padding-top:14px;}
.login-oauth img {width:26px;height:26px;margin:3px;border:#FFFFFF 5px solid;border-radius:50%;box-shadow:0 2px 8px rgba(21,60,120,.14);transition:box-shadow .18s,transform .18s;}
.login-oauth img:hover {box-shadow:0 8px 18px rgba(22,119,255,.26);transform:translateY(-2px);}
.login-body .login-btn {width:100%;height:46px;line-height:46px;font-size:16px;border-radius:10px;letter-spacing:3px;
	background:var(--m-grad-s) !important;border:none !important;color:#FFFFFF !important;
	box-shadow:0 8px 22px rgba(22,119,255,.32);cursor:pointer;
	transition:box-shadow .2s,transform .2s,filter .2s;}
.login-body .login-btn:hover {box-shadow:0 12px 30px rgba(22,119,255,.44);transform:translateY(-1px);filter:brightness(1.04);}
.login-body .login-btn:active {transform:translateY(0);}
.login-btn {width:100%;height:46px;line-height:46px;font-size:16px;border-radius:10px;letter-spacing:3px;
	background:var(--m-grad-s);background-image:var(--m-grad-s);border:none;color:#FFFFFF;
	box-shadow:0 8px 22px rgba(22,119,255,.32);cursor:pointer;
	transition:box-shadow .2s,transform .2s,filter .2s;}
.login-btn:hover {box-shadow:0 12px 30px rgba(22,119,255,.44);transform:translateY(-1px);filter:brightness(1.04);}
.login-btn:active {transform:translateY(0);}

/* ===== 输入框 ===== */
.input-captcha,.input-question,.input-user,.input-pass,.input-mob,.input-mail,.input-text,.input-code,.input-qq,.input-wx {
	box-sizing:border-box;padding:12px 14px 12px 42px;height:46px;line-height:22px;
	border:#DCE6F4 1px solid;border-radius:10px;font-size:14px;outline:none;color:var(--m-ink);
	background-color:#FBFDFF;background-repeat:no-repeat;background-position:15px center;
	transition:border-color .16s,box-shadow .16s,background-color .16s;}
.input-captcha {background-image:url('input-captcha.png');width:120px;margin-right:12px;}
.input-question {background-image:url('input-question.png');width:100%;}
.input-user {background-image:url('input-username.png');width:100%;}
.input-pass {background-image:url('input-password.png');width:100%;}
.input-mob {background-image:url('input-mobile.png');width:100%;}
.input-mail {background-image:url('input-mail.png');width:100%;}
.input-text {background-image:url('input-text.png');width:100%;}
.input-qq {background-image:url('input-qq.png');width:100%;}
.input-wx {background-image:url('input-wx.png');width:100%;}
.input-code {background-image:url('input-password.png');width:120px;}
.input-captcha:hover,.input-question:hover,.input-user:hover,.input-pass:hover,.input-mob:hover,.input-mail:hover,.input-text:hover,.input-code:hover,.input-qq:hover,.input-wx:hover {
	border-color:#A9C6F5;background-color:#FFFFFF;}
.input-captcha:focus,.input-question:focus,.input-user:focus,.input-pass:focus,.input-mob:focus,.input-mail:focus,.input-text:focus,.input-code:focus,.input-qq:focus,.input-wx:focus {
	border-color:var(--m-pri);box-shadow:0 0 0 3px rgba(22,119,255,.13);background-color:#FFFFFF;}

/* ===== 注册 ===== */
.reg-main {width:900px;margin:0 auto;}
.reg-step ul {height:56px;border-bottom:#E1E9F5 1px solid;}
.reg-step li {display:inline;float:left;width:240px;height:56px;line-height:56px;text-align:center;font-size:15px;font-weight:700;border-bottom:2px solid transparent;color:var(--m-ink3);}
.reg-step li i {width:26px;height:26px;line-height:26px;border-radius:50%;color:#FFFFFF;background:#C6D4E8;display:inline-block;margin:15px 8px 0 0;font-style:normal;font-size:14px;}
.reg-step li b {width:26px;height:26px;line-height:26px;border-radius:50%;color:#FFFFFF;background:#C6D4E8 url('reg-step.png') no-repeat center center;display:inline-block;margin:15px 8px 0 0;font-size:14px;}
.reg-step .on {border-bottom-color:var(--m-pri);color:var(--m-ink);}
.reg-step .on i {background:var(--m-grad-s);}
.reg-step .on b {background:var(--m-grad-s) url('reg-step.png') no-repeat center center;}
.reg-tb {width:700px;margin:0 auto;}
.reg-tb td {padding:10px;font-size:14px;}
.reg-tb .tl {width:120px;text-align:right;color:var(--m-ink2);font-weight:600;}
.reg-tb .tr {width:330px;}
.reg-inp {width:280px;padding:12px 14px;height:46px;line-height:22px;border:#DCE6F4 1px solid;border-radius:10px;font-size:14px;box-sizing:border-box;outline:none;background:#FBFDFF;transition:border-color .16s,box-shadow .16s;}
.reg-inp:focus {border-color:var(--m-pri);box-shadow:0 0 0 3px rgba(22,119,255,.13);background:#FFFFFF;}
.reg-btn {width:300px;height:46px;line-height:46px;font-size:16px;border-radius:10px;border:none;color:#FFFFFF;
	background:var(--m-grad-s);box-shadow:0 8px 22px rgba(22,119,255,.3);cursor:pointer;transition:box-shadow .2s,transform .2s;}
.reg-btn:hover {box-shadow:0 12px 30px rgba(22,119,255,.42);transform:translateY(-1px);}

.tips {position:absolute;z-index:100;width:300px;background:url('tips_bg.gif') no-repeat 0 bottom;overflow:hidden;margin:-6px 0 0 -10px;}
.tips div{background:url('tips_top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;font-size:12px;}

/* ===== 认证徽章 ===== */
.member-v0,.member-v1,.member-v2 {position:absolute;display:block;width:24px;height:24px;background:#FFFFFF url('../../image/ico-v0-24.png') no-repeat center center;border-radius:50%;margin:-28px 0 0 72px;box-shadow:0 2px 6px rgba(21,60,120,.2);}
.member-v1 {background:#FFFFFF url('../../image/ico-v1-24.png') no-repeat center center;}
.member-v2 {background:#FFFFFF url('../../image/ico-v2-24.png') no-repeat center center;}

.userinfo-v0,.userinfo-v1,.userinfo-v2 {position:absolute;display:block;width:16px;height:16px;background:#FFFFFF url('../../image/ico-v0.png') no-repeat center center;border-radius:50%;margin:-20px 0 0 48px;}
.userinfo-v1 {background:#FFFFFF url('../../image/ico-v1.png') no-repeat center center;}
.userinfo-v2 {background:#FFFFFF url('../../image/ico-v2.png') no-repeat center center;}