@charset "utf-8";





@font-face {

	font-family:'iconfont';

	src:url("../css/iconfont.eot");

	src:url("../css/iconfont.eot?#iefix") format('embedded-opentype'),url("../css/iconfont.woff") format('woff'),url("../css/iconfont.ttf") format('truetype'),url("../css/iconfont.svg#iconfont") format('svg')

}

.iconfont {

	display:inline-block;

	color:#000;

	text-align:center;

	font-style:normal;

	font-family:'iconfont';

	vertical-align:top

}

.hidden {

	visibility:hidden!important

}

.none {

	display:none!important

}

.head {

	padding:10px 2px 0 7px;

	font-size:22px;

	line-height:48px;

	color:#000;

	border-bottom:2px solid #d1cfcf

}

.head h3 {

	display:inline-block;

	font-weight:normal;

	*display:inline;

	*zoom:1

}

.head .iconfont {

	float:right;

	color:#ccc;

	font-size:20px;

	*position:absolute;

	*right:30px;

	*top:10px

}

.head .iconfont:hover {

	cursor:pointer;

	color:#f60

}

.form-content {

	margin-left:30px

}

.tab-wrap {

	margin-top:21px;

	width:390px;

	font-size:16px;

	text-align:center

}

.tab-wrap a {

	font-size:16px;

	text-decoration:none;

	color:#666

}

.tab-wrap a:hover {

	color:#f60

}

.tab-wrap .cur,.tab-wrap .cur:hover {

	color:#62ab00

}

.tab-wrap i {

	margin:0 48px;

	position:relative;

	top:3px;

	display:inline-block;

	width:1px;

	height:16px;

	background:#ccc

}

.form-wrap {

	margin-top:8px

}

.error {

	font-size:12px;

	line-height:20px;

	color:#df3f3f

}

.control-item-wrap {

	display:inline-block;

	*position:relative;

	*display:inline;

	*zoom:1;

	width:400px;

	overflow:hidden;

	font-size:0;

	vertical-align:top

}

.control-item-wrap .iconfont {

	margin-top:12px;

	font-size:16px;

	color:#ccc;

	vertical-align:top;

	width:24px;

	height:28px

}

.control-item-wrap .phone-icon {

	font-size:22px

}

.control-item-wrap .lock-icon {

	font-size:18px

}

.control-item-wrap .img-icon {

	font-size:20px

}

.control-item-wrap .user-icon {

	font-size:20px

}

.control-item {

	display:inline-block;

	padding-left:16px;

	*display:inline;

	*zoom:1;

	width:382px;

	height:48px;

	font-size:0;

	color:#666;

	border:1px solid #ccc

}

.control-item-md {

	width:232px

}

.sms-transition {

	position:relative;

	left:0;

	transition:all .3s;

	-webkit-transition:all .3s;

	-moz-transition:all .3s;

	-o-transition:all .3s;

	width:1000px

}

.control-item-sms-hide {

	left:-400px

}

.active-item {

	border-color:#74b9f0

}

.error-item {

	border-color:#e39595

}

.split {

	margin:10px 0 0 12px;

	font-size:0;

	display:inline-block;

	width:1px;

	height:30px;

	background:#ccc;

	vertical-align:top

}

.ipt {

	padding:15px 0 15px 15px;

	width:327px;

	font-size:14px;

	height:18px;

	*height:16px;

	line-height:18px;

	color:#666;

	border:0;

	vertical-align:top

}

.control-item-md .ipt {

	width:177px

}

.captcha {

	position:relative;

	top:2px;

	display:inline-block;

	width:120px;

	height:45px;

	vertical-align:top

}

.control-item-wrap .refresh-btn {

	margin-left:5px;

	display:inline-block;

	font-size:20px;

	color:#666;

	vertical-align:top;

	transition:all .5s

}

.sms-btn {

	margin-left:10px;

	display:inline-block;

	width:138px;

	height:48px;

	line-height:48px;

	border:1px solid #18aeef;

	font-size:14px;

	color:#18aeef;

	text-align:center;

	vertical-align:top

}

.sms-btn-hover,.sms-btn:hover {

	color:#fff;

	background:#18aeef

}

.sms-disabel-btn,.sms-disabel-btn:hover {

	cursor:default;

	color:#ccc;

	background:#f5f5f5;

	border-color:#ccc

}



.submit-btn,.submit-btn:active {

	margin-top:10px;

	padding:0;

	display:block;

	font-size:16px;

	color:#fff;

	text-align:center;

	width:400px;

	height:50px;

	line-height:50px;

	background:#18aeef;

	border:0;

	outline:0;

	text-decoration:none;

	font-family:"Microsoft YaHei","宋体",Arial,"\5B8B\4F53",Helvetica,sans-serif

}

.submit-btn:hover {

	cursor:pointer;

	background:#1cb3f5

}



.submit-disable-btn,.submit-disable-btn:hover {

	cursor:default;

	background:#ddd

}

.auto-list-item-wrap {

	position:relative;

	overflow:visible;

	height:50px;

	z-index:2

}

.auto-ul {

	position:absolute;

	top:50px;

	left:0;

	background:#fff;

	border:1px solid #ccc;

	border-top:0;

	font-size:14px;

	color:#333;

	overflow:hidden;

	cursor:pointer;

	z-index:1

}

.auto-ul li {

	padding-left:14px;

	width:384px;

	height:35px;

	line-height:35px;

	white-space:nowrap;

	text-overflow:ellipsis

}

.auto-ul .cur {

	background:#e9e9e9

}

 

.third-login-title {

	margin:23px 30px 0

}

.third-login-title .line {

	width:400px;

	height:1px;

	border-bottom:1px solid #ededed

}

.third-login-title .doc {

	margin-top:-10px;

	font-size:14px;

	line-height:20px;

	color:#ccc;

	text-align:center

}

.third-login-title .doc span {

	background:#fff;

	padding:0 16px

}

.thirds-wrap {

	padding:8px 0 0;

	text-align:center

}

.thirds-wrap a {

	margin:0 8px;

	display:inline-block;

	width:44px;

	height:44px;

	font-size:42px

}

.thirds-wrap a:hover {

	text-decoration:none

}

.thirds-wrap .qq {

	color:#5197ed

}

.thirds-wrap .qq:hover {

	color:#4886d3

}

.thirds-wrap .weibo {

	color:#eb7913

}

.thirds-wrap .weibo:hover {

	color:#c8660f

}

.thirds-wrap .weixin {

	color:#54a828

}

.thirds-wrap .weixin:hover {

	color:#418320

}





.login-box {

    margin: -260px 0 0 -240px;

    padding: 0 20px 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 480px;

    height: 500px;

    background: #fff;

    box-shadow: 0 0 8px #888;

    border-radius: 5px;

    z-index: 1003;

    overflow: hidden;

    background-color:rgba(255, 255, 255, 0.9);

}

.login-box h3{ font-size: 22px; font-weight: 100; margin-top: 10px; padding-bottom: 5px; }

.content{position:relative;width:100%;height:706px;background:url("../images/login_bg.jpg") center center no-repeat;background-color:#fbfbfb;border-top:2px solid #63ad02}

.content .login-wrap{margin:0 auto;padding-top:70px;width:1000px}





.icon-ok{position:relative;top:19px;margin-left:10px;font-size:14px;color:#62ab00}

.check-item {

    margin-top: 27px;

}

.check-item .right {

    float: right;

    line-height: 19px;

    margin-right:47px;

}

.check-item input{ vertical-align: middle; }

@media screen and (max-width:1000px){.content{width:1000px}}