html {
		height:100%
	}
	body.signin {
		height:auto;
		background: linear-gradient(135deg, #0c1b33 0%, #1a3a5c 20%, #1e6b7d 40%, #2d8a7b 60%, #3ca08e 80%, #1e3a4c 100%);
		background-attachment: fixed;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover
	}
	/* 模拟山脊轮廓叠加层 */
	body.signin::before {
		content: '';
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 35%;
		background:
			linear-gradient(175deg, transparent 30%, rgba(12,27,51,0.3) 32%, transparent 35%),
			linear-gradient(170deg, transparent 40%, rgba(18,40,65,0.4) 42%, transparent 45%),
			linear-gradient(165deg, transparent 50%, rgba(20,45,70,0.5) 52%, transparent 55%),
			linear-gradient(to bottom, transparent 0%, rgba(12,27,51,0.7) 70%, rgba(8,18,35,0.9) 100%);
		pointer-events: none;
		z-index: 0;
	}
	.signinpanel {
		width:750px;
		margin:8% auto 0;
		position: relative;
		z-index: 1;
		color:rgba(255,255,255,.95)
	}
	/* 应用标题样式 */
	.signinpanel .app-title h1 {
		font-size: 42px;
		font-weight: 700;
		letter-spacing: 4px;
		margin-bottom: 5px;
		color: #fff;
		text-shadow: 0 2px 8px rgba(0,0,0,0.3);
	}
	.signinpanel .app-title .subtitle {
		font-size: 16px;
		color: rgba(255,255,255,0.7);
		letter-spacing: 2px;
		margin-bottom: 0;
	}
	.signinpanel .logopanel {
		float:none;
		width:auto;
		padding:0;
		background:0 0
	}
	.signinpanel .signin-info ul {
		list-style:none;
		padding:0;
		margin:20px 0
	}
	.signinpanel .signin-info ul li {
		padding: 4px 0;
		font-size: 13px;
		line-height: 1.8;
		color: rgba(255,255,255,0.85);
	}
	.signinpanel .signin-info ul li i {
		width: 20px;
		text-align: center;
		color: #5cd5b9;
	}
	.signinpanel .form-control {
		display:block;
		margin-top:15px
	}
	.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:15px
	}
	.signinpanel form {
		background:rgba(255,255,255,.2);
		border:1px solid rgba(255,255,255,.3);
		-moz-box-shadow:0 3px 0 rgba(12,12,12,.03);
		-webkit-box-shadow:0 3px 0 rgba(12,12,12,.03);
		box-shadow:0 3px 0 rgba(12,12,12,.03);
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		padding:30px
	}
	.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
	}
	.signinpanel .signin-info ul {
		display:none
	}
	.signinpanel .app-title h1 {
		font-size: 30px;
	}
	}@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;
	}