* { -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: #0E64A0; outline: none !important; -webkit-tap-highlight-color: transparent; }
a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
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; }

.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; margin-top:80px; }
.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;min-height:500px; }

.input-wrapper { text-align: center; width: 400px; margin-bottom: 15px;  }
.input-wrapper span { color: #777; }
.input-wrapper a.link { border-bottom: 1px solid #0E64A0; }
.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; }
.input-wrapper input[type=password] { font-family: Arial !important; }
.input-wrapper input:focus { background: #fff; border: 1px solid #0E64A0; }
.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: #0E64A0; 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:#0E64A0;}


/**/
.hint { 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-success {  background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
.hint-warn { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.hint-error { background-color: #f2dede; border-color: #C20; color: #C20; }

.jbox { position: absolute; top: 0; left: 0; background-color: #fff; overflow: hidden; z-index: 99999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,.5); }
.jbox-title { position: relative; color: #000; height: 40px; line-height: 40px; background-color: #fff; border-bottom: 1px solid #e5e5e5; }
.jbox-title-txt { font-size: 14px; padding-left: 10px; }
.jbox-close { position: absolute; right: 10px; top: 9px; display: block; width: 14px; height: 14px; background: url(/Content/Images/Jquey/jquery.jbox.remove-black.png) no-repeat; z-index: 999999; }
.jbox-container { padding: 15px; overflow-y: auto; overflow-x: auto; }
.jbox-buttons { padding: 10px; border-top: 1px solid #e5e5e5; text-align: right; }
.jbox-buttons a { margin-left: 5px; }
#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); }
}