/*login*/

.loginbox{z-index:1000;position:fixed;width:100%;height:100%;top:0;background:rgba(0,0,0,0.5);}
.loginbox .loginform{position:absolute;left:50%;top:50%;margin:-185px 0 0 -305px;width:550px;height:300px;background:#fff;}
.loginbox .loginform .closelogin{position:absolute;width:30px;height:30px; right:0;top:0; }
.loginbox .loginform .closelogin .iconfont{display:block;position:absolute;left:5px;top:5px;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;cursor:pointer;}
.loginbox .loginform .closelogin .iconfont:hover{color:#fe741c; -webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.loginbox .loginform .mainlogin{float:left;width: 250px;margin: 25px;}
.loginbox .loginform .mainlogin .form-group{margin-bottom: 15px;position: relative;}
.loginbox .loginform .mainlogin .form-group label{display: block;max-width: 100%;margin-bottom: 5px;font-weight: bold;font-size: 15px;}
.loginbox .loginform .mainlogin .form-group .form-control{vertical-align: middle;display: block;width: 100%;height: 20px;padding: 6px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.loginbox .loginform .mainlogin button{display: block; border-radius: 4px;width: 100%; border: 0; line-height: 2.5em;text-align: center; cursor:pointer;}
.loginbox .loginform .mainlogin button:hover{ opacity:0.8;}
.loginbox .loginform .otherlogin{float:right;width: 200px;margin: 25px;text-align: center;}
.loginbox .loginform .otherlogin ul{margin-top:25px;}
.loginbox .loginform .otherlogin .othericon{display: block;width: 120px;padding:0 15px;margin: 10px auto 10px;height: 32px;border-radius: 2px;line-height: 32px;font-size: 14px;text-align: left;text-decoration:none;}