html {
	height:100%
}
body.signin {
	height:100%;
	min-height:100vh;
	position:relative;
	overflow:hidden;
	background:
		radial-gradient(circle at 18% 22%, rgba(60, 155, 255, .28), transparent 28%),
		radial-gradient(circle at 82% 18%, rgba(0, 255, 204, .18), transparent 24%),
		radial-gradient(circle at 50% 88%, rgba(60, 113, 255, .25), transparent 30%),
		linear-gradient(135deg, #08142d 0%, #0d2350 48%, #0a4e72 100%);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
body.signin:before {
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(90deg, rgba(4, 12, 28, .72), rgba(4, 12, 28, .25));
	z-index:0
}
.signin-backdrop {
	position:absolute;
	inset:0;
	overflow:hidden;
	z-index:0;
	pointer-events:none
}
.backdrop-grid {
	position:absolute;
	inset:0;
	background-image:
		linear-gradient(rgba(96, 168, 255, .12) 1px, transparent 1px),
		linear-gradient(90deg, rgba(96, 168, 255, .12) 1px, transparent 1px);
	background-size:42px 42px;
	mask-image:linear-gradient(to bottom, rgba(255,255,255,.8), transparent 82%);
	-webkit-mask-image:linear-gradient(to bottom, rgba(255,255,255,.8), transparent 82%)
}
.backdrop-orb {
	position:absolute;
	border-radius:50%;
	filter:blur(4px);
	opacity:.85
}
.orb-left {
	left:-120px;
	top:10%;
	width:320px;
	height:320px;
	background:radial-gradient(circle, rgba(73, 164, 255, .5), rgba(73, 164, 255, 0))
}
.orb-right {
	right:-90px;
	top:8%;
	width:280px;
	height:280px;
	background:radial-gradient(circle, rgba(0, 255, 204, .36), rgba(0, 255, 204, 0))
}
.orb-bottom {
	right:18%;
	bottom:-120px;
	width:360px;
	height:360px;
	background:radial-gradient(circle, rgba(62, 103, 255, .42), rgba(62, 103, 255, 0))
}
.travel-route {
	position:absolute;
	border:1px solid rgba(120, 207, 255, .24);
	border-radius:999px;
	box-shadow:0 0 22px rgba(60, 168, 255, .15) inset
}
.route-one {
	width:720px;
	height:720px;
	left:-180px;
	bottom:-420px;
	transform:rotate(-8deg)
}
.route-two {
	width:620px;
	height:620px;
	right:-160px;
	top:-300px;
	transform:rotate(16deg)
}
.travel-card {
	position:absolute;
	padding:14px 18px;
	border:1px solid rgba(255,255,255,.14);
	border-radius:16px;
	background:rgba(10, 28, 58, .42);
	box-shadow:0 14px 30px rgba(0,0,0,.18);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
	color:rgba(255,255,255,.94)
}
.travel-card strong {
	display:block;
	font-size:15px;
	font-weight:600;
	line-height:1.5
}
.card-label {
	display:inline-block;
	margin-bottom:8px;
	padding:4px 10px;
	border-radius:999px;
	background:rgba(94, 179, 255, .16);
	color:#85d8ff;
	font-size:12px;
	letter-spacing:1px
}
.card-top {
	right:11%;
	top:16%;
	width:240px
}
.signinpanel {
	width:750px;
	margin:10% auto 0;
	color:rgba(255,255,255,.95);
	position:relative;
	z-index:2
}
.signinpanel .logopanel {
	float:none;
	width:auto;
	padding:0;
	background:0 0
}
.theme-badge {
	display:inline-block;
	margin-bottom:12px;
	padding:5px 12px;
	border-radius:999px;
	border:1px solid rgba(120, 215, 255, .35);
	background:rgba(17, 67, 116, .28);
	color:#8de7ff;
	font-size:12px;
	letter-spacing:1.5px
}
.signin-subtitle {
	max-width:420px;
	margin:14px 0 22px;
	font-size:15px;
	line-height:1.9;
	color:rgba(232, 243, 255, .82)
}
.signinpanel .form-control {
	display:block;
	margin-top:15px;
	height:46px!important;
	padding:10px 14px!important;
	border:none;
	border-radius:10px!important;
	box-shadow:0 8px 18px rgba(7, 30, 58, .10)
}
.signinpanel .uname {
	background:#fff url(../img/user.png) no-repeat 95% center;
	color:#333
}
.signinpanel .pword {
	background:#fff url(../img/locked.png) no-repeat 95% center;
	color:#333
}
.signinpanel .code {
    background: #fff no-repeat 95% center;color:#333; margin:0 0 15px 0;
}
.signinpanel .btn {
	margin-top:18px;
	height:46px;
	border:none;
	border-radius:10px;
	background:linear-gradient(90deg, #21c7ff, #1f79ff);
	box-shadow:0 12px 24px rgba(31, 121, 255, .28)
}
.signinpanel form {
	background:rgba(255,255,255,.14);
	border:1px solid rgba(255,255,255,.22);
	-moz-box-shadow:0 18px 40px rgba(4,16,38,.25);
	-webkit-box-shadow:0 18px 40px rgba(4,16,38,.25);
	box-shadow:0 18px 40px rgba(4,16,38,.25);
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	backdrop-filter:blur(18px);
	-webkit-backdrop-filter:blur(18px);
	padding:30px
}
.signinpanel form h4 {
	color:#fff;
	font-size:24px;
	font-weight:600
}
.signinpanel form p {
	color:rgba(232,243,255,.82)
}
.signinpanel strong a {
	color:#7ee6ff
}
.signup-footer {
	border-top:solid 1px rgba(255,255,255,.3);
	margin:20px 0;
	padding-top:15px
}
@media screen and (max-width:768px) {
	.signinpanel,.signuppanel {
	margin:0 auto;
	width:380px!important;
	padding:20px
}
.signinpanel form {
	margin-top:20px
}
.signup-footer,.signuppanel .form-control {
	margin-bottom:10px
}
.signup-footer .pull-left,.signup-footer .pull-right {
	float:none!important;
	text-align:center
}
.travel-card {
	display:none
}
}@media screen and (max-width:320px) {
	.signinpanel,.signuppanel {
	margin:0 20px;
	width:auto
}
}
/*
登录界面check样式
*/
.checkbox-custom {
    position: relative;
    padding: 0 15px 0 25px;
    margin-bottom: 7px;
    display: inline-block;
}
/*
将初始的checkbox的样式改变
*/
.checkbox-custom input[type="checkbox"] {
    opacity: 0; /*将初始的checkbox隐藏起来*/
    position: absolute;
    cursor: pointer;
    z-index: 2;
    margin: -6px 0 0 0;
    top: 50%;
    left: 3px;
}
/*
设计新的checkbox，位置
*/
.checkbox-custom label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    width: 18px;
    height: 17px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #bbb;
    background: #fff;
}
/*
点击初始的checkbox，将新的checkbox关联起来
*/
.checkbox-custom input[type="checkbox"]:checked +label:after {
    position: absolute;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    top: 42%;
    left: 3px;
    margin-top: -5px;
    font-size: 11px;
    line-height: 1;
    width: 16px;
    height: 16px;
    color: #333;
}
.checkbox-custom label {
    cursor: pointer;
    line-height: 1.2;
    font-weight: normal; /*改变了rememberme的字体*/
    margin-bottom: 0;
    text-align: left;
}

.form-control, .form-control:focus, .has-error .form-control:focus,  .has-success .form-control:focus, .has-warning .form-control:focus,  .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus,  .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle,  .panel, .popover, .progress, .progress-bar {
    box-shadow: none;
}

.form-control {
    border-radius: 1px!important;
    padding: 6px 12px!important;
    height: 34px!important;
}

.form-control:focus {
    border-color: #1ab394 !important;
}

body .layer-ext-moon-msg[type="dialog"]{
    min-width: 100px !important;
}
body .layer-ext-moon-msg { 
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    border: none;
}

body .layer-ext-moon-msg .layui-layer-content{ 
    padding: 12px 25px;
    text-align: center;
}