/*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:50%;top:50%;margin:-11px 0 0 -13px;width:22px;height:22px;-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-o-transition: -o-transform 2s ease-out;-ms-transition: -ms-transform 2s 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 0px;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{background-color: #a91324;border-color: #a91324;display: block; border-radius: 4px;width: 100%; border: 0; color: #fff;line-height: 2.5em;text-align: center;}
.loginbox .loginform .mainlogin button:hover{background-color:#da2136;}
.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-bottom: 1px solid #a91324;background-color: #a91324;border-radius: 2px;line-height: 32px;font-size: 14px;color: #fff;text-align: left;text-decoration:none;}
.loginbox .loginform .otherlogin .othericon:hover{color:#da2136;}