/*--===清空浮动===--*/
.clearfix:after,.wrapper:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix,* html .wrapper{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix,*:first-child+html .wrapper{ zoom: 1; } /* IE7 */
.clearDiv{ clear:both; height:1px; overflow:hidden; font-size:1px; line-height:1px;}
.overflow-hide{ overflow:hidden}
/*--模糊滤镜--*/
.blur {	filter: url(../../lib/blur.svg#blur); /* FireFox, Chrome, Opera */
       -webkit-filter: blur(10px); /* Chrome, Opera */-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);
       filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */}
/*--窗口遮罩层--*/
.window-overlay{background: #000;position: absolute;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; } 
input:-moz-placeholder, textarea:-moz-placeholder { color: #bbb; } 
input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb;}

#htmlLoginError{background-color: #fef2f2;border: 1px solid #ffb4a8;text-align: left;font-size: 12px;line-height: 24px;margin-bottom: 5px;color: #e4393c;font-family: "Microsoft YaHei";background-image: url("/images/author/ico_c.png")no-repeat left center;text-indent: 24px;}

body,html{background: #463696;}
.login-wrap{border-bottom: 1px solid #796db5;border-top: 1px solid #796db5;}
#logo p{color: #fff;font-weight: bolder;font-family:"Microsoft YaHei";}
#logo p img{width: 8%;vertical-align: middle;margin-right: 9px;margin-top: -5px;}

#wrapper{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; min-height:600px}
.poster{position:absolute; left:0; top:0; width:100%; height:100%}
#signUp,#signIn{ position:absolute; left:0; top:0; width:100%; height:100%;}
#signIn{ overflow:hidden; min-height:600px;}
#signUp{ display:none; background:#fff; z-index:100;}

.copyright{ font-size:12px; padding-left:20px}
.copyright.in{ position:absolute; left:50%; bottom:12px;color:#fff;    margin-left: -8%; }
.copyright.up{ height:30px; color:#999; padding-top:40px; }


.logo{ margin:0 auto; text-align:center}
.logo p{ background:url(/images/author/logoline.png) no-repeat center center; letter-spacing:2px;/*  height:30px; line-height:30px */}

.login-wrap{ width:420px; height:auto;padding-bottom: 20px; position:absolute; left:50%; top:40%; margin-top:-232px; margin-left:-210px; z-index:0}
/* .login-wrap .logo{ margin:0 auto 40px;} */
.signUp-wrap .logo{ margin:0 auto 10px;}

.login-wrap .informCont{}
.login-wrap .informCont .form-wrap{ height:122px; position:relative; padding:7px; margin-bottom:40px}
.login-wrap .informCont .form-wrap .inner{ border-radius:6px; position:relative; z-index:2; overflow:hidden;-moz-box-shadow:0px 1px 3px rgba(0,0,0,.2);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.2);box-shadow:0px 1px 3px rgba(0,0,0,.2);}
.login-wrap .informCont .form-wrap .fw-bg{border-radius:10px; position:absolute; width:100%; height:100%;  top:0; left:0; opacity:.1}
.login-wrap .informCont .button-wrap{ text-align:center}
.login-wrap .informCont .button-wrap .button{ width:230px; height:38px; font-family:"Microsoft YaHei"; outline: none; text-align: center; border-radius:30px; background:#00afc3; color:#fff; font-size:16px; cursor:pointer; border:#00afc3 1px solid;}
.login-wrap .informCont .button-wrap .button:hover{ background:#00bed4;-moz-box-shadow:0px 0 6px rgba(0,229,255,.7);-webkit-box-shadow:0px 0 6px rgba(0,229,255,.7);box-shadow:0px 0 6px rgba(0,229,255,.7);}

.login-wrap .informCont .inner p{ /* height:60px; */position:relative;text-align: center;}
.login-wrap .informCont .inner p.id{ /* border-bottom:1px #eee solid */}
.login-wrap .informCont .inner .input{ /* height:40px; */padding:8px 0 8px 0;outline: none;font-family:"Microsoft YaHei"; text-indent: 40px;border-radius: 3px; border: 0; font-size:14px; width:342px; line-height:22px;}
.login-wrap .informCont .inner input.id,
.login-wrap .informCont .inner input.pw{ font-weight:bold; font-size:16px}
.login-wrap .informCont .inner p .icon{ position:absolute;z-index:2;top: 5px;left: 34px; width:30px; height:30px; background:url(/images/author/login_icon.png) no-repeat}
.login-wrap .informCont .inner p .i-user{ background-position:left 1px}
.login-wrap .informCont .inner p .i-lock{ background-position:left -59px}

.signUp-wrap{ width:638px; margin:0 auto; padding-top:20px}
.signUp-wrap .section{ width:560px; padding-left:78px;}
.signUp-wrap .secline{ background:url(/images/author/signupline.png) no-repeat 22px 40px;}
.signUp-wrap .section .hd{ height:70px; font-size:24px; color:#003a77; line-height:70px; position:relative}
.signUp-wrap .section .hd i{ width:40px; height:40px; display:block; border:#07b1c4 2px solid; text-align:center; line-height:40px; border-radius:22px; color:#07b1c4; font-size:18px; font-weight:bold; position:absolute; top:12px; left:-78px; background:#fff}
.signUp-wrap .section .bd{}
.signUp-wrap .section dt{height: 30px;line-height: 36px;width: 80px;text-align: right;float: left;font-family:"Microsoft YaHei";}
.signUp-wrap .section dd{ height:auto; padding-bottom:14px; position:relative}
.signUp-wrap .input{ height: 36px;/* padding: 10px 15px; */width: 440px;font-size: 12px;line-height: 22px;background: #f7f7f7;border: #f2f2f2 1px solid;border-radius: 4px;text-indent: 20px;margin-left: 10px;outline: none;}
.signUp-wrap .input-2{ width:204px}
.signUp-wrap .input-2.r{ margin-right:20px}
.signUp-wrap .button{ width:100%; height:40px; background:#ea5449; color:#fff; font-size:16px;font-family:"Microsoft YaHei"; outline: none; border: 0; cursor:pointer;border-radius:3px;}
.signUp-wrap .button:hover{ background:#fe5549;-moz-box-shadow:0px 0 6px rgba(254,83,74,.7);-webkit-box-shadow:0px 0 6px rgba(254,83,74,.7);box-shadow:0px 0 6px rgba(254,83,74,.7);}
.signUp-wrap .button-wrap .backTop{ text-align:right; padding-top:10px}
.signUp-wrap .protocol{ height:50px; line-height:50px; font-size:16px; padding-top:10px;padding-bottom:20px; position:relative}
.signUp-wrap .protocol i{width:40px; height:40px; display:block; border:#07b1c4 2px solid; text-align:center; line-height:40px; border-radius:22px; color:#07b1c4; font-size:18px; font-weight:bold; position:absolute; top:12px; left:0px; background:#fff url(/images/author/gou.png) no-repeat center center}


#skipBtn{  position:absolute; margin-left:-80px; left:50%;  z-index:1;display:block; width:160px; height:34px; padding-top:64px; text-align:center; color:#fff; text-decoration:none}
#skipBtn span,#skipBtn i{display:block; }
#skipBtn .arrow,#skipBtn .arrow i{width:22px; height:22px}
#skipBtn .arrow{ padding:10px; border-radius:28px;  position:absolute; left:56px; top:3px}
#skipBtn p{  height:24px; line-height:24px; font-family:"Microsoft YaHei"; font-size:14px; display:inline-block; padding:0 10px; font-weight:bold}
#skipBtn *{-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease; }

.skipUp{bottom:50px;}
.skipIn{top:6px;}
.skipUp .arrow{border:#ff5e52 3px solid;}
.skipIn .arrow{border:#00afc3 3px solid;}
.skipUp i{ background:url(/images/author/down.png) no-repeat center center;}
.skipIn i{ background:url(/images/author/top.png) no-repeat center center;}
.skipUp:hover p{background:#ff5e52;}
.skipIn:hover p{background:#00afc3;}

#skipBtn:hover .arrow{ padding:12px; border-style:dotted; border-width:4px; left:53px}

#skipBtn i { 
-moz-transition:-moz-transform .2s ease-in; 
-webkit-transition:-webkit-transform .2s ease-in;
-o-transition:-o-transform .2s ease-in; 
transition:transform .2s ease-in; 
-moz-transform:rotate(0);
-webkit-transform:rotate(0); 
-o-transform:rotate(0); transform:rotate(0) } 

#skipBtn:hover i { 
-moz-transform:rotate(180deg);
-moz-transform-origin:50% 50%;
-webkit-transform:rotate(180deg);
-webkit-transform-origin:50% 50%;
-o-transform:rotate(180deg);
-o-transform-origin:50% 50%;
transform:rotate(180deg);
transform-origin:50% 50%;
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
top:3px\9 }


/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
	line-height:30px;
	height:30px;
	overflow:hidden;
	color:#999;
	font-size:14px;
	 margin-left:10px;
	}

dd .Validform_checktip{position:absolute; right:0; top:-30px; margin-left:0}

.signUp-wrap .input-focus{ background:#fff; border:#ddd 1px solid}

.signUp-wrap .Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(/images/author/right.png) no-repeat left center;
}
.signUp-wrap .Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(/images/author/error.png) no-repeat left center;
}
.signUp-wrap .Validform_loading{
	padding-left:20px;
	background:url(/images/author/onLoad.gif) no-repeat left center;
}
.signUp-wrap .Validform_error{
	background-color:#fff6f5;
	border:#ea5449 1px solid;
}

#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}



.login-wrap p .Validform_checktip{position:absolute; right:10px; top:15px; margin-left:0}

.login-wrap .input-focus{ background:#f7f7f7;}

.login-wrap .Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(/images/author/right.png) no-repeat left center;
}
.login-wrap .Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(/images/author/error.png) no-repeat left center;
}
.login-wrap .Validform_loading{
	padding-left:20px;
	background:url(/images/author/onLoad.gif) no-repeat left center;
}
.login-wrap .Validform_error{
	
}