* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: none; font-family: 'Microsoft Yahei', "Lucida Grande", Verdana, Lucida, Helvetica, Arial, 'Simsun', sans-serif; font-size: 16px; }
body { font-size: 16px; color: #2b2b2b; background-color: #f2f2f2; }
a { cursor: pointer; text-decoration: none; color: #3399ff; outline: none !important; -webkit-tap-highlight-color: transparent; }
a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
p { margin: 0 0 10px; }
input[type=text], input[type=password] { outline: none !important; -webkit-appearance: none; border: 1px solid #ddd; background: #fcfcfc; color: #777; }
input[type=text]:focus, input[type=password]:focus { border-color: #cfcfcf; background: #fff; color: #444; }
/*------------------------------*/
.header { width: 900px; text-align: center; height: 90px; line-height: 90px; margin: 0 auto; }
.header .logo { }
.header .logo img { vertical-align: middle; min-height: 40px; }
/*------------------------------*/
.footer { overflow: hidden; width: 900px; margin: 0 auto; }
.footer .copyright { padding: 10px 0; color: #96989f; text-align: center; line-height: 35px; }
/*------------------------------*/
.main { width: 900px; margin: 0 auto; overflow: hidden; background: #fff; padding: 60px 0; }
.main .main-tit { text-align: center; font-size: 30px; margin-bottom: 60px; color: #333; font-weight: normal; }
.main .main-cnt { width: 400px; margin: 0 auto; overflow: hidden; }

.input-wrapper { text-align: center; width: 400px; margin-bottom: 15px; }
.input-wrapper span { color: #777; }
.input-wrapper a.link { border-bottom: 1px solid #3399ff; }
.input-wrapper input[type=text], .input-wrapper input[type=password] { width: 100%; height: 48px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; padding-left: 12px;line-height:48px; }
.input-wrapper input[type=password] { font-family: Arial !important; }
.input-wrapper input:focus { background: #fff; border: 1px solid #3399ff; }
.input-login { }

.loginBtn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 50px; text-align: center; color: #fff; cursor: pointer; display: inline-block; height: 50px; display: block; width: 400px; background: #3399ff; margin: 0 auto 60px auto; font-size: 18px; }

.forgetpwd { position: absolute; right: 9px; top: 9px; z-index: 9; border: 1px solid #d7d7d7; width: 80px; color: #999; border-radius: 3px; height: 30px; line-height: 30px; text-align: center; background-color: #f2f2f2; }
.forgetpwd:hover { color: #3399ff; }

.main.ercode .main-cnt { margin: 0 90px; float: left; }
.main.ercode .main-cqode { width: 200px; margin: 85px 5px; overflow: hidden; float: left; text-align: center; line-height: 30px; font-weight: bold; color: #3399ff; }
.main.ercode .main-cqode img { width: 200px; }

/**/
.hint-alert { position: fixed; top: 0; left: 50%; margin-left: -310px; width: 600px; padding: 20px 10px; border: 3px solid transparent; line-height: 2em; text-align: center; font-weight: 700; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,.3); z-index: 99999; font-size: 16px; }
.hint-alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.hint-alert-warn { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.hint-alert-error { background-color: #f2dede; border-color: #C20; color: #C20; }


#jbox-loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.15); z-index: 999999; }
#jbox-loading i { display: block; position: fixed; height: 80px; width: 80px; top: 50%; left: 50%; margin: -40px 0 0 -40px; background: url(/Content/Images/Jquey/jquery.jbox.loading-blue.png) no-repeat; -webkit-animation: rotateLoading .8s linear infinite; -moz-animation: rotateLoading .8s linear infinite; animation: rotateLoading .8s linear infinite; }

@keyframes rotateLoading {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes rotateLoading {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes rotateLoading {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}