* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: none;font-size: 16px;  font-family: 'Microsoft Yahei', "Lucida Grande", Verdana, Lucida, Helvetica, Arial, 'Simsun', sans-serif; }
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; }
input { outline: none !important; -webkit-appearance: none; border: 1px solid #ddd; background: #fcfcfc; color: #777; }
input:focus { border-color: #cfcfcf; background: #fff; color: #444; }
input[readonly] { border-color: #e0e0e0; background: red; color: #bbb; }
input { word-break: break-all; }

/*------------------------------*/
.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-tit { text-align: center; font-size: 30px; margin-bottom: 60px; color: #333; font-weight: normal; }
.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 #0E64A0; }
.input-wrapper input { 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-wrapper input.captcha_input { width: 225px; display: inline-block; }

.btn-getsms { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; cursor: pointer; display: inline-block; height: 40px; width: 160px; height: 48px; line-height: 48px; background-color: #7dbbfa; vertical-align: bottom; color: #fff; margin-left: 9px; }
.btn-getsms-dis { background-color: #d4d7d9; color: #fff; cursor: not-allowed; }
.btn-getsms:hover { background-color: #70abe0; }
.btn-getsms-dis:hover { background-color: #d4d7d9; }

.btn-post { margin: 25px 0; border-radius: 4px; line-height: 50px; text-align: center; color: #fff; cursor: pointer; height: 50px; width: 400px; background: #0E64A0; font-size: 16px; }


.u-ipt-error input { border: 1px solid #ff5c57; }
.u-ipt-active input { border: 1px solid #58a2f7; }
.error-promote { position: relative; color: #ff3131; font-size: 12px; width: 400px; text-align: left; padding-left: 1%; margin: 0 auto; }

/**/
.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); }
}