

@charset "utf-8";
body{background: url("../images/bg.jpg") center top no-repeat;}
body.bgs{background: url("../images/bg1.jpg") center top no-repeat;}
.container{ height: 680px; padding-top: 80px;}
.login-logo{height:58px; margin:0 auto;}
.login-logo a img{ vertical-align: top;}
.login-logo span{ padding-left: 20px; line-height:58px; color:#000; font-size:16px;}
.login_box{width:130px;float:right;height:58px;line-height:58px;}
.w350{width:350px;}
.login_box a{width:50px;height:58px;line-height:58px;display:inline-block; color:#000; font-size:16px;}
/*login and register*/
.w270{ width: 270px;}
.w320{ width: 320px;}
.h382{ height: 382px;}
.h398{ height: 398px;}
.h470{ height: 500px;}
.h486{ height: 516px;}
.h340{ height: 340px;}
.h460{ height: 460px;}
.h382{ height: 382px;}
.h476{ height: 476px;}
.h415{ height: 415px;}
.h431{ height: 431px;}
.h350{ height: 350px;}
.content{ position: relative; width: 800px; margin:50px auto 0 auto; overflow:hidden; border-radius:8px; padding: 8px;}
.shadow-con{ position: absolute; top: 0; left: 0; z-index: -1; width:816px; background-color:#000; opacity:0.4; filter:alpha(opacity=40);}
.inner-con{ width:800px; background-color: #fff; margin: 0; clear: both;}
.box-left{ width:50%; float:left;}
.con-link{height:60px;}
.con-link li{float:left; width:50%; height:59px; border-bottom:1px solid #dcdcdc; color:#cdcdcd; text-align:center; line-height:59px; font-size:15px; cursor:pointer; position:relative;}
.con-link li img{ position:absolute; top:60px; left: 99px; display:none;}
.con-link li.active{ height:58px; border-bottom:2px solid #00b38a; color:#00b38a;}
.con-link li.active img{ display:block;}
.con-list{}
.box-form{ padding: 20px 40px;}
.search-form{ padding: 40px;}
.check_box{display:none;}
.box-form li{ position: relative; padding: 10px 0; height: 40px;}
.box-form li.s{ padding: 15px 0;}
.box-form li input{ width:298px; padding:4px 10px; height: 30px; line-height: 30px; border:1px solid #d7d7d7; color:#000; font-size:14px; outline: none;}
.box-form li input:focus{ border: 1px solid #00b38a; box-shadow: 0 0 1px #00b38a;}
/*.box-form li input.focus{ border: 1px solid #1c89fe; box-shadow: 0 0 1px #087EFD;}*/
.box-form li input.error{ border: 1px solid #00b38a; box-shadow: 0 0 1px #00b38a;}
.box-form li input.validation{ width: 178px; vertical-align: middle; *float: left;}
.box-form li a{float:right;}
.box-form li a img{ width:90px; height:40px; vertical-align: middle;}
.box-form p{ font-size:12px; height: 16px;}
.box-form p a.forget{ color:#00b38a; *float: left;}
.box-form p span{ color:#a3a3a3; float: right;}
.box-form p.welcome span{float:left;color:#000;}
.box-form p.welcome .right_span{float:right;}
.box-form p span a{ color:#00b38a;}
.box-form li a.get-validation{ width:110px; height:40px; border-radius: 3px; line-height: 40px; text-align: center; color: #ffffff; cursor: pointer; float: right; display: block;}
.box-form li a.red{ background-color: #00b38a;}
.box-form li a.gray{ background-color: #b2b2b2;}
.box-right{ width:50%; padding-top: 0px; float:right; background:url("../images/scan-login.jpg") center bottom no-repeat #EFF3F6;}
.inf-logo{ width:204px; height:68px; background:url("../images/logo-small.jpg") left center no-repeat; padding-left:86px; margin:0 auto;padding-top: 40px;}
.inf-logo p{ line-height:30px; font-size:22px; color: #000;}
.inf-logo p.t{ color:#6D6D6D; padding-top: 4px;}
.inf-logo p.b span{ color: #ff686a;}
.inf-logo p.b em{ color: #1c89fe;}
.sub-btn{ position:relative; display:block; width:320px; height: 40px; line-height: 40px; color:#fff; background-color:#00b38a; margin-top: 15px; text-align:center; font-size:16px; cursor:pointer; border-radius:3px;}
.search-btn{display:block; width:320px; height: 40px; line-height: 40px; color:#fff; background-color:#1c89fe; margin-top: 30px; text-align:center; font-size:16px; cursor:pointer; border-radius:3px;}
.protocol{ padding-top: 20px; padding-bottom: 15px; color: #333; font-size: 12px; clear: both;}
.protocol a.check{ width:12px; height:12px; display: inline-block; vertical-align: middle; margin-top: -3px; *display: inline; *zoom: 1; cursor: pointer;}
.protocol a.read1{ background: url("../images/icon-chose.png") center -12px no-repeat;}
.protocol a.read2{ background: url("../images/icon-chose.png") center -12px no-repeat;}
.protocol a.unread{ background: url("../images/icon-chose.png") center 0 no-repeat;}
.protocol a.pro-info{ color:#3592FC;}
.reg-box-bg{ padding-top: 0; background:url("../images/scan-register.jpg") right bottom no-repeat #EFF3F6;}
.reg-box-bg h3{ width:270px; color:#00b38a; font-size:16px; padding-top: 30px; margin: 0 auto;}
.reg-box-bg ul{ width:270px; padding-top: 20px; margin: 0 auto;}
.reg-box-bg li{ font-size: 12px; padding-bottom: 18px;}
.reg-box-bg li p{ color:#333; line-height: 24px;}
.reg-box-bg li p.ans{ color:#909193;}
.line{ width: 350px; height: 1px; margin: 4px auto 0 auto; background: url("../images/line-dotted.png") left center repeat-x;}
.inf-reg{ height: 46px; background: url("../images/logo-small.jpg") left center no-repeat; padding-left: 68px; margin-left: 25px; margin-top: 48px;background-size: 60px;}
.inf-reg p{ font-size:16px; color: #000;}
.inf-reg p.t{ color:#6D6D6D; padding-top: 12px;}
.inf-reg p.b span{ color:#FD9D24;}
.reset-box-bg{ padding-top: 10px;}
.search-box-bg{ background:url("../images/scan-search.jpg") center bottom no-repeat #EFF3F6;}
/*验证样式*/
.box-form li p.tips{ position: absolute; top: 50px; left: 0; padding-left: 2px; color: #00b38a; font-size: 12px; display: none;}
.box-form .protocol p.tips{left: 0; padding-left: 2px; color: #00b38a; font-size: 12px; display: none;}
.layer-box li p.tips {
    position: absolute;
    top: 50px;
    left: 0;
    padding-left: 2px;
    color: #00b38a;
    font-size: 12px;
    display: none;
}
.box-form li.s p.tips{ position: absolute; top: 56px; left: 0; padding-left: 2px; color: #00b38a; font-size: 12px; display: none;}
.box-form p.final-tips{ height: 18px; line-height: 18px; color: #ff9933; font-size: 12px;}
.box-form li i{ position: absolute; right: -20px; top: 25px; width: 12px; height: 12px; display: none;}
.box-form li i.correct{ background: url("../images/icon-v.png") left top no-repeat; display: block;}
.box-form li i.error{ background: url("../images/icon-v.png") left -12px no-repeat; display: block;}
.layer-box li i.error{ background: url("../images/icon-v.png") left -12px no-repeat; display: block;}
/*footer*/
footer{ height: 230px; background-color: #474747;}
footer ul{ width:1004px; margin: 0 auto; overflow: hidden;}
footer li{ width: 200px; float: left; text-align: center;}
footer li h3{ font-size: 18px; color: #01abff; margin-top: 35px; margin-bottom: 10px;}
footer li p{ line-height: 24px; text-align: left; padding-left: 65px;}
footer li p a{ color: #fff; font-size: 13px;}
footer li p a:hover{ color: #ddd;}
footer li.separate{ width: 1px; height: 230px; background: url("../images/map_line.png") 0 center no-repeat;}
/*设置密码弹出框css*/
/* #pass
{
	font-family: "微软雅黑", Tahoma, Geneva, sans-serif;
	width: 790px;
    height: 370px;
    position: fixed;
    _position: absolute;
    z-index: 999;
    background: #fff;
    border: 6px solid #c0c0c0;
    overflow: hidden;
} */
/* 弹窗设置*/
.p-agreement2 {
	width: 740px;
	height: 580px;
	margin: -296px 0 0 -376px;
	display: none;
	position: fixed;
	_position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	background: #fff;
	border: 6px solid #c0c0c0;
	overflow: hidden;
}

.p-agreement2 a {
	display: block;
	width: 240px;
	height: 40px;
	margin: 30px auto;
}

.p-agreement2 .title {
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 28px;
	background: #f0f0f0;
	font-size: 14px;
	text-align: center;
	color: #333;
}
.p-agreement2 .title i {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/pop-close.png) no-repeat;
	cursor: pointer;
}

.p-agreement2 .title i:hover {
	background-position: left bottom;
}

.redBtn2 {
	height: 36px;
	line-height: 36px;
	background: #00b38a;
	border-radius: 2px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	cursor: pointer;

}
.redBtn2:hover {
	background: #00b38a;
}

