.panel {
	width: 360px;
}

.gradient1 {
	background: #516B89;
	background: linear-gradient(45deg, #304050 20%, #516B89 60%, #516B89 70%, #384A63
		100%);
}

.gradient2 {
	background: #5E8B67;
	background: linear-gradient(45deg, #344E38 20%, #5E8B67 60%, #5E8B67 70%, #436448
		100%);
}

.gradient3 {
	background: #567A88;
	background: linear-gradient(45deg, #344A52 20%, #567A88 60%, #567A88 70%, #3A5560
		100%);
}

.gradient4 {
	background: #ACACAC;
	background: linear-gradient(45deg, #4E4E4E 20%, #ACACAC 60%, #ACACAC 70%, #7D7D7D
		100%);
}

.form {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	height: 100%;
}

.gradient1>.form {
	background-image: url("../img/login/i1.png");
}

.gradient2>.form {
	background-image: url("../img/login/i2.png");
}

.gradient3>.form {
	background-image: url("../img/login/i3.png");
}

.gradient4>.form {
	background-image: url("../img/login/i4.png");
}

body {
	background: #304050;
}

.bg {
	background-image: url("../img/login/bg.png");
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
.login-box {
	position: fixed !important;
	top: 20%;
	right: 8%;
	width: 26em;
	height: 60%;
	z-index: 100;
}
@media (max-width: 1024px) {
	.hidden-img {
	    display: none !important;
	}
	.login-box {
		right: 50%;
		margin-right: -13em;
	}
}
.login-box h2 {
	font-family: "微软雅黑";
	font-weight: bold;
	color: #FFFFFF;
	font-size: 2em;
}

.login-box h3 {
	font-family: "微软雅黑";
	font-weight: bold;
	font-size: 1.5em;
	color: #707691;
	margin: 0.5em;
}

.bb-message {
	color: #ff6d0e;
	margin-bottom: 1.5em;
	height: 1em;
}

.login-box-inner {
	width: 100%;
	margin-top: 15%;
	height: 30em;
	background-color: #FFFFFF;
	border-radius: 1em;
	box-shadow: 0 0 0.65em 0.35em rgba(60, 52, 49, 0.5);
	padding: 10%;
}

.login-box-icon {
	width: 3.6em;
	height: 3.6em;
	border: 0.9em solid #FFFFFF;
	border-radius: 1.8em;
	position: relative;
	z-index: 101;
	top: -31.6em;
	background-color: #5A768C;
}
.form-group {
	margin-bottom: 2.4em;
}
.form-control {
	height: 3em;
	border: 0px solid #ccc;
	background-color: #EAEDF1;
}
.checkbox {
	margin-top: -7px;
}

.checkbox>div {
	width: 50%;
	float: left;
	font-family: "微软雅黑";
	font-size: 1em;
}

.checkbox>div:FIRST-CHILD {
	padding-left: 2%;
	padding-top: 7px;
}

.btn-login {
	margin-top: 10%;
	width: 60%;
	height: 2.4em;
	border-radius: 2em;
	background-color: #68A49F;
	font-size: 1.3em;
	font-family: "微软雅黑";
	font-weight: bold;
	color: #FFFFFF;
}
.btn-login:HOVER {
	color: #FFFFFF;
	box-shadow: 0 0 2px 2px rgba(60, 52, 49, 0.5);
}
.btn-login:focus, .btn-login:active:focus, .btn-login.active:focus,
	.btn-login.focus, .btn-login:active.focus, .btn-login.active.focus {
	outline: none;
	color: #FFFFFF;
}

.navbar-fixed-top .navbar-right>li {
	font-family: "微软雅黑";
	color: #383838;
}

.navbar-fixed-top .navbar-right a {
	background-color: #f8f8f8;
	padding: 1em 2em;
}

.navbar-fixed-top .navbar-right>.active {
	border-bottom: 3px solid #00C1DE;
}

.navbar-fixed-top .navbar-right>.active a {
	background-color: #F4F8F9;
}

.navbar-fixed-top .navbar-right li.line {
	position: relative;
	height: 3px;
	top: 48px;
	left: -672px;
	background-color: #00C1DE;
	bottom: 0;
	width: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar {
	min-height: 51px;
	margin-bottom: 0;
	border: 0px solid transparent;
	box-shadow: 0 9px 60px #294149;
}

.dropdown-menu {
	background-color: #F3F3F3;
	opacity: 0.95;
	border-top: 2px solid #E3E3E3;
	padding: 0.4em 0.4em 0 0.4em;
	top: 52px;
}

.dropdown-menu li {
	background-color: #C9D0D2;
	list-style: none;
	padding: 0.3em 1.6em;
	margin-bottom: 0.4em;
	width: 18em;
}

.dropdown-menu .name {
	color: #373D41;
}

.dropdown-menu .note {
	color: #838384;
	font-size: 0.7em;
}

#my-carousel {
	margin-top: 30%;
	height: 50%;
}

#my-carousel .my-carousel-inner .item {
	display: none;
	padding: 5%;
}

#my-carousel .my-carousel-inner .active {
	display: block;
}

@keyframes re-banner-slide-60 { 0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 60px, 0);
	-moz-transform: translate3d(0, 60px, 0);
	-ms-transform: translate3d(0, 60px, 0);
	transform: translate3d(0, 60px, 0);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translate3d
(0
,
0,
0);
-moz-transform
:
 
translate3d
(0
,
0,
0);
-ms-transform
:
 
translate3d
(0
,
0,
0);
transform
:
 
translate3d
(0
,
0,
0);
}
}
.my-carousel-animation {
	animation: re-banner-slide-60 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}

#my-carousel .item>img {
	width: 100%;
	height: 100%;
}

#my-carousel>ol {
	z-index: 989;
	position: absolute;
	bottom: 3px;
	left: 15%;
	margin-left: -80px;
}

#my-carousel>ol>li {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: center;
	float: left;
	width: 26px;
	height: 4px;
	padding: 10px 3px;
	cursor: pointer;
	-webkit-background-clip: content-box;
	-moz-background-clip: content-box;
	background-clip: content-box;
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
	background-color: rgba(255, 255, 255, 0.3);
	list-style: none;
}

#my-carousel>ol>.active {
	background-color: rgba(255, 255, 255, 1);
}
/********************** toast组件 **********************/
.toast-showMessage {
	z-index: 9999;
	position: fixed;
	left: 50%;
	top: 50%;
	max-width: 400px;
	padding: 30px 20px;
	border-radius: 5px;
	text-align: center;
	line-height: 1.5;
	background: rgba(0,0,0,.6);
	color: #fff;
}
.toast-confirm {
	z-index: 9998;
	position: fixed;
	left: 50%;
	top: 50%;
	max-width: 400px;
	padding: 30px 20px;
	border-radius: 5px;
	text-align: center;
	background: rgba(0,0,0,.6);
}
.toast-masklayer {
	z-index: 9997;
	position: fixed;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}
.toast-confirm .text {
	color: #fff;
	margin-bottom: 10px;
}