.Index-ty{width:1220px; overflow:hidden; height:489px;}
body{background:#fff;}
.Login-Box{width:100%; height:601px; overflow:hidden; background:url(../Images/12.jpg) no-repeat repeat center;margin: auto;  margin-top:100px; margin-bottom:10px; }
.Login-Box .List{width:1220px; overflow:hidden; margin:auto; padding-top:100px;}
.Login-Box .List .Login{float:right; width:310px; background:rgba(255,255,255,1.00); overflow:hidden; border-radius:5px; padding:20px;}
.Login-Box .List .Login h1{font-size:16px; color:#666;}
.Login-Box .List .Login h2{font-size:14px; color:#ccc; position:relative; border-bottom:1px solid #e6e6e6; height:10px; text-align:center; margin-top:15px;}
.Login-Box .List .Login h2 span{background:#fff; display:inline-block; padding-left:10px; padding-right:10px;}
.Form{width:310px; height:40px; line-height:40px; margin-top:15px; position:relative; z-index:1;}
.Input{width:270px; height:38px; line-height:36px; padding-left:40px; border:1px solid #e6e6e6; border-radius:3px; position:absolute; z-index:2;}
.Form input:focus{outline:solid 1px #fe5600; border:0px; color:#fe5600; height:40px; border-radius:3px;}
.Input-Password{width:40px; height:40px; background:none; position:absolute; z-index:3; overflow:hidden; display:inline-block; right:0px;}
.togglePassword{z-index:3; position:absolute; right:1px;}
.Input-Password input[type=checkbox],.Input-Password input[type=radio ]{width:28px; height:40px; opacity:0; filter: "alpha(opacity=0)"; cursor:pointer;}
.Input-Password input[type=checkbox]+ label{display:inline-block; float:right; width:40px; background:url(../Images/ico-1.png) no-repeat -121px -78px; line-height:120px; opacity:1; font-size:1px;}
.Input-Password input[type=checkbox]:checked + label{background:url(../Images/ico-1.png) no-repeat -155px -78px;}
.Login-Link{width:310px; height:40px; line-height:40px; margin-top:10px;}
.Login-Link a{display:block; text-align:center; background:#fe5600; color:#fff; font-size:16px; border-radius:3px;}
.Login-Link a:hover{background:#fe8900;}

.Account input{background:url(../Images/ico-1.png) #fff no-repeat -186px -81px;}
.Account input:focus{background:url(../Images/ico-1.png) #fff no-repeat -185px -120px;}
.PasswordBox input{background:url(../Images/ico-1.png) #fff no-repeat -186px -161px;}
.PasswordBox input:focus{background:url(../Images/ico-1.png) #fff no-repeat -185px -200px;}
.Login-Way{width:310px; height:30px; margin-top:20px; text-align:center;}
.Login-Way i{display:inline-block; width:30px; height:30px; margin-left:10px; margin-right:10px;}
.Tx-QQ{background:url(../Images/ico-1.png) no-repeat -90px -144px;}
.Login-Way a:hover .Tx-QQ{background:url(../Images/ico-1.png) no-repeat -90px -174px; transition:all ease-in-out .6s; -o-transition:all ease-in-out .6s; -ms-transition:all ease-in-out .6s; -moz-transition:all ease-in-out .6s; -webkit-transition:all ease-in-out .6s;}
.Tx-Wx{background:url(../Images/ico-1.png) no-repeat -133px -144px;}
.Login-Way a:hover .Tx-Wx{background:url(../Images/ico-1.png) no-repeat -133px -174px; transition:all ease-in-out .6s; -o-transition:all ease-in-out .6s; -ms-transition:all ease-in-out .6s; -moz-transition:all ease-in-out .6s; -webkit-transition:all ease-in-out .6s;}

.registered{width:310px; margin-top:10px; text-align:center;}
.registered a{display:inline-block; font-size:14px;}
.registered span{color:#ccc;}

.Check{width:180px; height:36px; background:none; position:absolute; z-index:3; overflow:hidden; display:inline-block; left:0px;}
.Check input[type=checkbox],.Check input[type=radio ]{width:128px; height:36px; opacity:0; filter: "alpha(opacity=0)"; cursor:pointer;}
.Check input[type=checkbox]+ label{display:inline-block; float:left; width:120px; color:#fe5600; padding-left:25px; background:url(../Images/ico-1.png) no-repeat -199px -277px; line-height:36px; opacity:1; font-size:1px;}
.Check input[type=checkbox]:checked + label{background:url(../Images/ico-1.png) no-repeat -199px -241px; color:#666;}
.Check-Password{z-index:3; position:absolute; left:1px;}