.middle{
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:980px;
clear:both;
}
.middle1{
margin-top:73px;
margin-left:244px;
float:left;
width:585px;
height:57px;
display:inline;
background-image:url(/template/image/password.gif)
}
.middle2{
margin-top:34px;
margin-left:107px;
float:left;
width:774px;
height:212px;
border:1px solid #c6c6c6;
display:inline;
}
.middle2 ul{
margin-top:14px;
margin-left:0px;
width:774px;
text-align:center;
float:left;
clear:both;
list-style:none;
padding:0px;
display:inline;
}
.middle2 ul div{
	float:left;
}
.middle2 li{
margin-top:21px;
margin-left:0px;
width:100%;
float:left;
clear:both;
color:#666666;
line-height:17px;
display:inline;
}
.middle3{
margin-top:73px;
margin-left:362px;
float:left;
width:245px;
height:57px;
display:inline;
background-image:url(/template/image/submitSuccess.gif)
}

.middle4{
margin-top:20px;
margin-left:107px;
float:left;
width:774px;
height:167px;
border:1px solid #c6c6c6;
display:inline;
}
.middle4 ul{
margin-top:14px;
margin-left:0px;
width:774px;
text-align:center;
float:left;
clear:both;
list-style:none;
padding:0px;
display:inline;
}
.middle4 li{
margin-top:30px;
margin-left:0px;
width:100%;
float:left;
clear:both;
color:#666666;
line-height:18px;
font-size:13px;
display:inline;
}
.middle4 li a{
color:#b10000;
text-decoration:none;
font-size:13px;
}
.middle5{
margin-top:73px;
margin-left:362px;
float:left;
width:298px;
height:57px;
display:inline;
background-image:url(/template/image/newPassword.gif)
}
.middle6{
margin-top:0px;
float:left;
padding-bottom:172px;
clear:both;
}
.middle7{
float:left;
height:66px;
margin-left:21px;
margin-top:74px;
width:960px;
clear:both;
display:inline;
background-image:url(/template/image/register.jpg)
}
.middle8{
margin-top:73px;
margin-left:274px;
float:left;
width:585px;
height:57px;
display:inline;
background-image:url(/template/image/agreement.gif)
}
.middle9{
margin-top:34px;
margin-left:107px;
float:left;
width:774px;
display:inline;
border:1px solid #c6c6c6;
}
.middle9 ul{
margin:25px 25px 25px 25px;
float:left;
clear:both;
list-style:none;
padding:0px;
display:inline;
}
.middle9 li{
text-align:left;
color:#666666;
line-height:17px;
}
.left{
/*margin-top:73px;*/
margin-left:30px;
float:left;
display:inline;
}
.right{
/*margin-top:73px;*/
margin-top:18px;
margin-left:40px;
float:left;
width:325px;
height:375px;
border-left:1px solid #d2d2d2;
display:inline;
}
.login{
margin:0px;
float:left;
width:387px;
height:47px;
background-image:url(/template/image/login.jpg)
}
.biao{
margin-top:30px;
float:left;
clear:both;
width:415px;
height:240px;
border-top:1px  dotted #8d8d8d;
border-bottom:1px dotted #8d8d8d;
display:inline;
}
.nei{
margin-top:16px;
float:left;
clear:both;
display:inline;
}
.nei1{
margin-top:25px;
float:left;
width:380px;
clear:both;
display:inline;
}
.nei1 div{
float:left;
}
.nei2{
margin-top:22px;
float:left;
width:100%;
clear:both;
display:inline;
}
.nei3{
margin-top:20px;
float:left;
width:100%;
clear:both;
display:inline;
}

.nei4{
margin:0px;
float:left;
width:620px;
clear:both;

}
.nei5{
margin:0px;
float:left;
width:657px;
clear:both;

}
.nei6{
margin:0px;
float:left;
width:700px;
clear:both;

}
.inputs{
margin-left:211px;
float:left;
width:50px;
color:#666666;
line-height:30px;
display:inline;
}
.inputs2{
margin-left:211px;
float:left;
width:74px;
color:#666666;
line-height:30px;
display:inline;
}
.name{
margin-left:2px;
float:left;
width:66px;
color:#666666;
line-height:18px;
font-size:13px;
display:inline;
white-space:nowrap;
}
.name1{
margin-left:2px;
float:left;
width:117px;
color:#666666;
line-height:18px;
font-size:13px;
display:inline;
}
.span{
width:38px;
margin:0px;
float:left;
}
.span5{
margin:0px;
float:left;	
}
.span2{
width:19px;
margin:0px;
float:left;
}
.span3{
width:56px;
margin-top:5px;
margin-left:7px;
float:right;
cursor:pointer;
color:#666666;
display:inline;
}
.span4{
margin-top:15px;
margin-left:10px;
margin-right:200px;
float:right;
cursor:pointer;
color:#666666;
display:inline;
}
.textInptut{
margin-right:0px;
float:right;
width:294px;
height:30px;
padding-left:14px;
padding-right:14px;
border:1px solid #d2d2d2;
line-height:30px;
}
.textInptutLeft{
margin-left:18px;
margin-right:0px;
float:left;
width:294px;
height:30px;
padding-left:14px;
padding-right:14px;
border:1px solid #d2d2d2;
line-height:30px;
display:inline;
}
.auth{
margin-left:18px;
margin-right:10px;
float:left;
width:60px;
height:30px;
padding-left:14px;
padding-right:14px;
border:1px solid #d2d2d2;
line-height:30px;
display:inline;
}
.auth2{
margin-left:7px;
margin-right:10px;
float:left;
width:60px;
height:30px;
padding-left:14px;
padding-right:14px;
border:1px solid #c8c8c8;
line-height:30px;
color:#666666;
display:inline;                     
}
.forget{
margin-top:5px;
margin-left:85px;
float:left;
clear:both;
color:#666666;
width:292px;
display:inline; 
}
.forget a{
	color:#b10000;
}
.remember{
margin-top:15px;
margin-left:2px;
float:left;
clear:both;
color:#666666;
width:415px;
height:15px;
line-height:15px;
display:inline; 
}
.remember input{
width:12px;
height:12px;
float:left;
margin-top:2px;
display:inline; 
}
.thishi{
margin-top:34px;
margin-left:21px;
float:left;
width:800px;
height:32px;
padding-left:25px;
color:#666666;
background-color:#efefef;
line-height:33px;
display:inline;
clear:both;
}
.thishiz{
margin-top:10px;
margin-left:10px;
float:left;
line-height:15px;
color:#999999;
display:inline; 
}
.thishiz div{
	float:left;
	margin-left:0px;
	height:20px;
	line-height:20px;
	width:60px;
	background-color:#D2D2D2;
	margin:1px 1px 1px 1px ;
	color:#505050;
	text-align:center;
}

.hang{
margin-top:25px;
margin-left:21px;
float:left;
clear:both;
width:840px;
display:inline;
}
.hangr{
margin-top:8px;
margin-left:8px;
float:left;
width:19px;
height:20px;
color:#999999;
width:400px;
display:inline;
}
.xuan1{
margin-left:7px;
margin-right:20px;
margin-top:7px;
float:left;
color:#666666;
line-height:17px;
letter-spacing:3px;
font-size:13px;
cursor:pointer;
display:inline;
}
.xuan1 input{
width:12px;
height:12px;
float:left;
margin-top:2px;
margin-left:0px;
display:inline;
}
.line{
margin-left:21px;
margin-top:10px;
float:left;
clear:both;
width:825px;
height:0px;
border-top:1px dotted #666666;
display:inline;
}
.line1{
margin-left:40px;
margin-top:8px;
float:left;
width:760px;
height:0px;
border-top:1px dotted #666666;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
display:inline;
}

.serve{
margin-top:20px;
margin-left:23px;
float:left;
clear:both;
width:500px;
color:#666666;
height:15px;
line-height:15px;
display:inline;
}
.serve input{
width:12px;
height:12px;
float:left;
margin-top:2px;
display:inline;
}
.serve a{
color:#b10000;
text-decoration:none;
}
.more{
margin:0px;
float:left;
clear:both;
display:none;
width:100%;
padding:0px;
}
.genduo{
margin-left:21px;
margin-top:25px;
float:left;
color:#b10000;
clear:both;
width:825px;
cursor:pointer;
display:inline;
}
.genduol{
margin:0px;
float:left;
}

.text{
margin-right:0px;
float:right;
width:264px;
height:30px;
padding-left:14px;
padding-right:14px;
border:1px solid #c8c8c8;
line-height:30px;
color:#666666;
}
.text1{
margin-right:0px;
float:left;
width:224px;
height:30px;
border:1px solid #c8c8c8;
line-height:30px;
color:#666666;
background-color:#FFFFFF;
overflow:hidden;
white-space:nowrap;
text-indent:10px;
}
.file_up_button{
position:relative;
margin-left:2px;
float:left;
width:70px;
height:30px;
line-height:30px;
padding:0px;
border:1px solid #c8c8c8;
color:#da0000;
background-color:#FFFFFF;
overflow:hidden;
text-align:right;
cursor:pointer;
}
.file_up_input{
margin-left:-40px;
cursor:pointer;
height:30px;
width:70px;
filter:alpha(opacity=0);
opacity:0;
-moz-opacity:0;
position:absolute;
top:0;
right:0;
}
.ile_up_text{
position:absolute;
top:0;
left:0;
cursor:pointer;
height:30px;
width:70px;
line-height:30px;
text-align:center;
z-index:0;
}
.text2{
margin-right:0px;
margin-top:5px;
float:right;
width:501px;
height:161px;
padding-left:14px;
padding-right:14px;
padding-top:14px;
padding-bottom:14px;
border:1px solid #c8c8c8;
color:#666666;
display:inline;
}
.an{
width:415px;
margin-top:14px;
margin-left:-7px;
float:left;
display:inline;
clear:both;
}
.an1{
width:109px;
float:left;
height:36px;
margin-left:7px;
background-color:#da0000;
color:#FFFFFF;
text-align:center;
line-height:37px;
}
.an1:hover{
cursor:pointer;
background-color:#b10000;
}
.an2{
margin-top:35px;
margin-left:427px;
float:left;
clear:both;
width:135px;
height:36px;
line-height:37px;
text-align:center;
color:#FFFFFF;
background-color:#da0000;
cursor:pointer;
font-size:13px;
letter-spacing:5px;
display:inline;
}
.an2:hover{
cursor:pointer;
background-color:#b10000;
}
.an3{
margin-top:35px;
margin-left:391px;
float:left;
clear:both;
width:209px;
height:36px;
line-height:37px;
text-align:center;
color:#FFFFFF;
background-color:#da0000;
cursor:pointer;
font-size:13px;
display:inline;

}
.an3:hover{
background-color:#b10000;
}
.an4{
margin-top:65px;
margin-left:21px;
float:left;
clear:both;
width:142px;
height:41px;
background-color:#da0000;
color:#FFFFFF;
text-align:center;
line-height:42px;
font-size:14px;
cursor:pointer;
display:inline;
}
.an4:hover{
background-color:#b10000;
}
.ok{
margin-top:6px;
margin-left:2px;
float:left;
width:19px;
height:20px;
display:inline;
background-image:url(/template/image/ok.gif)
}
.no{
margin-top:6px;
margin-left:2px;
float:left;
width:19px;
height:20px;
display:inline;
background-image:url(/template/image/no.gif)
}

.icons-box {width: 154px;margin: 0 auto}
.button{background:#4386f5;color:#fff;padding:6px 0;height:25px;line-height:25px;border-radius:5px;width:90%;border-radius:22px;display:inline-block;cursor:pointer}.page-con .sep{border-top:1px solid #ddd;height:20px;text-align:center}.page-con label{color:#666;display:inline-block;padding:0 10px;background:#fff}.page-con .signup{font-size:12px;margin-top:19px;color:#666;text-align:left;padding-left:26px}.page-con .signup a{color:#333}#bg-canvas{position:absolute;z-index:-1}#logo-text{display:inline-block;margin-left:8px;font-size:35px;vertical-align:7px;font-family:arial;height:60px;text-shadow:1px 1px 2px #bbb inset}#logo-text .logo-dot{width:68px;height:6px;display:inline-block;position:absolute;left:50%;top:50%;margin-left:-34px;margin-top:-3px;display:none}#logo-text .logo-dot:after{width:6px;background:#4386f5;height:6px;display:inline-block;position:absolute;right:-4px;border-radius:50%;content:""}#logo-text label{display:inline-block;background:#4386f5;border-radius:50%;color:#fff;padding:11px 8px;margin-left:6px;position:relative;box-shadow:1px 1px 6px #ccc}.login-input{position:relative}.login-input a{position:absolute;right:33px;top:13px;width:auto;height:20px;line-height:20px;text-align:right;color:#888;z-index:1}.weixin-con{display:none;padding:15px;background:#fff;position:absolute;z-index:9;width:362px;height:410px;left:50%;top:50%;margin-left:-181px;margin-top:-205px;text-align:center;border-raidus:5px;box-shadow:1px 1px 4px #ccc}.error-tip{height:30px;line-height:30px;position:absolute;right:32px;color:red;bottom:6px;font-size:12px;z-index:2;background:#fff}.success-tip{position:absolute;width:194px;top:155px;display:none;right:96px;padding:5px 8px;border:1px solid green;border-radius:3px;box-shadow:1px 1px 5px #d6e9c6;background-color:#dff0d8;color:#468847;text-shadow:0 1px 0 rgba(255,255,255,.5)}.icons{background:url(/template/assets/image/share/login.png) no-repeat;display:inline-block;width:42px;height:42px}.icons.weixin{background-position:0 0;background-size:42px}.icons.qq{background-position:0 -85px;background-size:43px}.icons.weibo{background-position:0 -131px;background-size:44px}.icons.google{background-position:0 -45px;background-size:44px}.icons.somemore{border-radius:100%;border:1px solid #ddd;background-position:-1px -165px;background-size:42px;width:38px;height:38px}.icons.somemore:hover{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,.2);box-shadow:inset 0 0 1px rgba(0,0,0,.2);cursor:pointer}.morelogo-con{background-color:#fff;padding:10px;position:absolute;left:249px;opacity:0;top:30px;z-index:3;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.morelogo-con.popover{opacity:1;top:45px}.morelogo-con>span{display:block;font-size:13px;color:#3d474d}.morelogo-con .mingdao{display:inline-block;vertical-align:middle;background-position:0 -257px;background-size:44px;margin-right:11px}.rotate{animation:.8s infinite rotate;-webkit-animation:.8s infinite rotate;-o-animation:.8s infinite rotate;-moz-animation:.8s infinite rotate;-ms-animation:.8s infinite rotate}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes rotate{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-o-keyframes rotate{from{-o-transform:rotate(0)}to{-o-transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.bind{width:600px;margin-left:-300px}.bind .button,.bind .txt{width:55%}.bind #logo-text{vertical-align:-7px}.bind .icons{background:url(/assets/images/login/login.png) no-repeat;display:inline-block;width:74px;height:74px;vertical-align:top}.bind .icons.weixin{background-position:0 0;background-size:70px;width:70px;height:68px}.bind .icons.qq{background-position:0 -141px;background-size:70px;width:70px;height:68px}.bind .icons.weibo{background-position:0 -211px;background-size:70px;width:70px;height:68px}.bind .icons.google{background-position:0 -73px;background-size:70px;width:70px;height:68px}.bind_item{position:relative}.bind-arrow{margin-left:30px;display:inline-block;position:relative;color:#666;margin-right:30px}.bind-tip{margin-top:40px}.des{margin-top:10px;font-size:14px}@media screen and (max-width:760px){.page-con{width:100%;left:0;margin-left:0}}