@charset "utf-8";
/* CSS Document */
html, body, div, p, a, em, img, ul, li, label, span,h2,h1 {
	margin: 0;
	padding: 0;
	border: medium none;
	list-style-type: none;
}
html {height: 100%;}

body {
	font: 12px Arial, 微软雅黑, sans-serif;
	color: #555;
	_word-break: break-all;
	white-space: normal;
	background: url(../images/bg.jpg) no-repeat top #2dd8cf;background-attachment:fixed; background-size:100% 100%;overflow:hidden;height: 100%;
}
.clear { clear:both; height:0; font-size:0; visibility:hidden; display:block;}
.clearfix:after {clear: both; content: "."; display: block; visibility:hidden; height: 0;font-size:0;}
.main {width: 100%;height:100%; margin: 0 auto; overflow: hidden;}
.login{width: 90%; height: 84%; margin: 0 auto; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.login_title { text-align: center;}
.login_title h1 { font-weight: normal; color: #fff; font-size: 45px;display: inline-block;}
.login_title img {display: inline-block;position: relative;top:14px; margin-right: 10px;}
.login_mian { width: 400px; background: #fff; border-radius: 4px; box-shadow: 6px 0 16px rgba(45,186,218,0.75); margin: 5% auto; padding:20px 40px;}
.login_mian h2 { font-weight: normal; color: #1cb0d9; border-bottom: 2px solid #1cb0d9; font-size: 28px; line-height: 40px; display: inline-block; margin-bottom:20px;}
.login_mian ul {height: 60%; width: 100%;}
.login_mian ul li { margin:8px 0; height:42px; line-height:42px; float:left; width:100%; border: 1px solid #d8e2ea;}
.login_mian ul li span { float:left; text-align: center; margin: 2% 0 0 3%;width: 5%;}
.login_mian ul li span img {}
.login_mian ul li input { float:left; width:80%; height:100%; border: none; outline: none; font-size: 16px; margin-left:3%; background:none;}
.login_botton { width:100%; background:#1cb0d9; border:1px solid #1cb0d9; display:block; cursor:pointer; height: 48px; line-height: 48px; text-decoration: none; color: #fff; font-size: 18px; text-align: center; border-radius: 2px; margin: 10px 0;}
#drag{ position: relative;background: #e6f0f5; width:100%;height: 42px; line-height: 42px;text-align: center; font-size: 16px;}
#drag .handler{position: absolute;top: -1px;left: -1px;width: 52px; height: 42px; border: 1px solid #d8e2ea; cursor: move;text-align: center;}
.handler_bg{ background:url(../images/xz01.png) no-repeat center #fff; }
.handler_ok_bg{background:url(../images/xz02.png) no-repeat center #fff; }
#drag .drag_bg{background-color: #7ac23c; height: 42px; width: 0px;text-align: center;}
#drag .drag_text{position: absolute; top: 0px;width:100%;text-align: center; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select:none; -ms-user-select:none; }
.foot { position:fixed; bottom:2%; z-index:1;width:100%;margin: 0 auto; text-align:center;}
.foot p.xx {margin: 0 auto;width: 1024px;text-align: center;color: #666666;}