*{margin: 0; padding: 0;}
body{font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
::-webkit-input-placeholder{color: #ccc;}

/* 视图盒子 */
.view-box{position: relative; width: 100vw; height: 100vh; overflow: hidden; background-size: 100% 100%;}
/* .view-box{background: radial-gradient(220% 105% at top center, #091F67 0%, #2E3E9C 40%, #2E3E9C 80%, #000035);} */
.view-box{background: radial-gradient(220% 105% at top center, #AFB6C0 0%, #F0F5F1 40%, #F0F5F1 80%, #F0F5F1);}




/* 登录盒子 */
/* .login-box{width: 400px; height: 400px; position: absolute; left: calc(50% - 200px); top: calc(50% - 200px); max-width: 90%; } */
.login-box{width: 400px; margin: auto; max-width: 90%; height: 100%;text-align: center;}

/* logo */
.logo-box{padding-top: 10vh; height: 150px; line-height: 150px;} 
.logo-box img{height: 100px; margin-right: 20px;} 

/* 表单 */
.from-box{ padding: 20px 0px; background-color: #FFF; border-radius: 0px; transition: all 0.2s; /* box-shadow: 1px 1px 20px #666; */}
.from-box>*{padding: 0px 50px;}
.from-title{margin-top: 20px; margin-bottom: 30px; text-align: left;}

.tab-box>span{cursor: pointer; display: inline-block; margin-right: 10px; font-size: 17px;/* letter-spacing: 1px; */}
.tab-box>span.nat-tab{font-weight: bold;}
.title-border{width: 68px; height: 3px; margin-top: 5px; background-color: #0084FF; border-radius: 5px; transform: translate3d(0px, 0px, 0px); transition: all 0.2s;}
.title-border-2{transform: translate3d(83px, 0px, 0px);}

.login-dev,.reg-dev{display: none;}
.native{display: block;}

/* 输入框 */
.from-item{border: 0px #000 solid; margin-bottom: 15px;}
.s-input{width: 100%; line-height: 40px; height: 40px; text-indent: 1em; outline: 0; border: 1px #ccc solid; border-radius: 0px; transition: all 0.2s;}
.s-input{font-size: 12px;}
.s-input:focus{border-color: #409eff}
[name=vc]{width: 200px;}
.send-vc{font-size: 14px; color: #666; float: right; line-height: 40px;}
.send-vc a{cursor: pointer; color: #409EFF;}
.send-vc a:hover{text-decoration: underline;}

/* 登录按钮 */
.s-btn{ text-indent: 0;font-size: 14px; cursor: pointer; background-color: #409EFF; border-color: #409EFF; color: #FFF;}
.s-btn:hover{background-color: #50aEFF;}
.reg-tips{text-align: left; color: #999; font-size: 14px;}

/* 重置按钮 */
.reset-box{text-align: left; font-size: 14px;}
.reset-box a{text-decoration: none;}
.reset-box a:hover{text-decoration: underline;}

/* loading框样式 */
.ajax-layer-load.layui-layer-dialog{min-width: 0px !important; background-color: rgba(0,0,0,0.85);}
.ajax-layer-load.layui-layer-dialog .layui-layer-content{padding: 10px 20px 10px 40px; color: #FFF;}
.ajax-layer-load.layui-layer-dialog .layui-layer-content .layui-layer-ico{width: 20px; height: 20px; background-size: 20px 20px; top: 12px; }