body {
	background-image: url(../img/BG5.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.logein {
	width: 444px;
	height: 566px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -222px;
	margin-top: -283px;
	background: linear-gradient(15deg, black, black) #f15e22;
	border-top: 1px solid #f15e22;
	border-radius: 2px;
	box-shadow:  0px 0px px 12px #fcfcfc;
}

.logein >.top {
	height: 100px;
}

.logein >.top img {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	max-height: 120px;
}

.logein >.mid {
	height: 440px;
	background-color: #fff;
	border-top: 1px solid orange;
	padding-top: 35px;
	padding-left: 46px;
	padding-right: 46px;
}

.logein >.mid .htdl {
	line-height: 30px;
	;
}

.logein >.mid .htdl .htdlwz {
	font-size: 18px;
	color: #f15e22;
	border-bottom: 1px solid orange;
}

.logein >.mid .input-group {
	height: 44px;
}

.logein >.mid .input-group input {
	height: 44px;
}

.logein >.mid i {
	color: #f15e22;
}

.logein >.mid .yzm {
	width: 130px;
	height: 34px;
	float: left;
}

.logein >.mid .denglubtn {
	width: 100%;
	height: 50px;
	border: 1px solid orange;
	border-radius: 2px;
	background: linear-gradient(20deg, black, black);
	color: white;
	outline: none;
	background-color: #fff;
	transition: background-color 0.8s,border-radius 0.8s;
	font-size: 16px;
}

.logein >.mid .denglubtn:hover {
	background-color: #2387c1;
	color: #fff;
	border-radius: 40px;
	border: none;
	transition: background-color 0.8s,border-radius 0.8s;
	
	
	
}

.logein >.mid .denglubtn:active {
	background-color: #41a3db;
	transition: background-color 0s;
}

.logein >.mid .passwordfg {
	color: #74b9ee;
}
.logein >.fot {height: 25px;
	background:linear-gradient(15deg, #f15e22, orange) gold;
	border-top: 1px solid #f15e22;
}


.xiugai {
	height: 488px;
	background-color: #fff;
	border-top: 1px solid #73b9ee;
	padding-top: 20px;
	padding-left: 46px;
	padding-right: 46px;	
	border-left: 1px solid #74b9ee;	
	border-right: 1px solid #74B9ee;
	display: none;
}
.xiugai .htdl {
	line-height: 30px;
}

.xiugai .htdlwz {
	font-size: 18px;
	color: #428bca;
	border-bottom: 1px solid #87c7ed;
}
.xiugai .back {float: right;margin-top: 4px;}
.xiugai .shurubox {margin-top:6px;}
.xiugai .shurubox label{margin: 0;}
.xiugai .shurubox input {height: 36px;}
.xiugai .yzm {width: 110px;
	height: 34px;
	float: left;}
.xiugai .fanhuibtn
{
	width: 100%;
	height: 50px;
	border: 1px solid #74b9ee;
	border: 1px solid #74b9ee;
	border-radius: 2px;
	background-color: inherit;
	color: #62a4d7;
	outline: none;
	background-color: #fff;
	transition: background-color 0.8s,border-radius 0.8s;
	font-size: 16px;
}
.xiugai .fanhuibtn:hover {
	background-color: #2387c1;
	color: #fff;
	border-radius: 40px;
	border: none;
	transition: background-color 0.8s,border-radius 0.8s;
}
.xiugai .fanhuibtn:active{
	background-color: #41a3db;
	transition: background-color 0s;
}
.xiugai label {color:#4c4c4c;}