.am-page {
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    position: absolute
}

.am-bg {
    position: absolute;
    left: 50%
}

.am-bg video {
    position: absolute;
    left: -960px
}

.panel-login {
    position: absolute;
    top: 60%;
    left: 72%;
    width: 370px;
    margin-left: -225px;
    margin-top: -300px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(153, 153, 153, .8)
}

.panel-login .login-logo {
    margin-top: 26px;
    height: 62px;
}

.panel-login .form-horizontal {
    width: 310px;
    margin: 0 auto
}

.panel-login .form-horizontal h3 {
    font-weight: 400
}

.panel-login .form-horizontal img {
    height: 42px;
    display: inline-block;
    top: 11px;
    right: 31px;
    position: absolute;
    cursor: pointer
}

.panel-login .form-horizontal .icon-form-span {
    left: 10px;
    bottom: 13px;
    position: absolute;
    line-height: 40px;
    font-size: 25px
}

.panel-login .form-horizontal input {
    padding-left: 40px;
    width: 270px
}

.panel-login .form-horizontal input:focus .icon-form-span {
    text-shadow: 0 0 10px #19bbff
}

.panel-login .form-horizontal .group-single input[type=checkbox] {
    display: inline-block;
    width: auto
}

.panel-login .form-horizontal .group-single label {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.panel-login .form-horizontal .group-single .parsley-errors-list {
    padding-left: 0
}

.panel-login .form-horizontal .group-single a {
    font-size: 14px
}

.panel-login .form-horizontal .group-single a.forget-pwd {
    position: absolute;
    right: 0;
    line-height: 44px;
    color: #0061AE;
}

.panel-login .form-horizontal button.button-login {
    width: 100%;
    font-size: 18px;
    background-color: #0061AE;
    color: snow;
    margin-bottom: 30px;
}

.panel-login .form-horizontal .form-horizontal .parsley-errors-list {
    left: 20px
}

.panel-login .form-horizontal a.reg {
    position: absolute;
    right: 0;
    top: 15px;
    color: #0061AE;
}

.third-party .all {
    width: 325px;
    text-align: center;
    display: none
}

.third-party .all .text-box {
    padding-top: 20px
}

.third-party .third {
    padding-top: 20px
}

.third-party .third i {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 20px;
    border-radius: 50px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.third-party .third i a {
    position: relative;
    top: 10px;
    font-size: 25px;
    background-color: #fff
}

.third-party .third i a.icon-qq {
    color: #ccc
}

.third-party .third i a.weibo {
    color: #FE494E
}

.third-party .third i:hover {
    -webkit-box-shadow: 0 0 10px #dbe1e4;
    -moz-box-shadow: 0 0 10px #dbe1e4;
    box-shadow: 0 0 10px #dbe1e4
}

.third-party.hide {
    display: none
}

.third-party .guanz {
    text-align: center;
    width: 100%;
    display: block;
    color: #aaa;
    margin-top: 20px
}

.ui-tab {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0
}

.reg-wrapper .input-error {
    display: inline-block;
    padding: 2px 10px;
    color: #fff;
    background-color: #ff4830;
    margin-left: 16px;
    top: 95px;
    position: absolute;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 14px
}

.reg-wrapper .input-error:before {
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #ff4931;
    content: '';
    position: absolute;
    top: -12px;
    left: 10px
}

.reg-wrapper .hide {
    display: none
}

.user-reg {
    margin: 0 auto;
    width: 380px
}

.user-reg .icon-form-span {
    position: absolute;
    line-height: 44px;
    left: 8px;
    font-size: 20px
}

.user-reg .form-group input {
    width: 330px;
    padding-left: 40px
}

.user-reg .email-reg, .user-reg .tel-reg {
    position: absolute;
    right: -60px;
    bottom: 24px
}

.user-reg .check-row input {
    width: 200px;
    margin-right: 5px
}

.user-reg .check-row .get-code {
    display: inline-block;
    font-size: 14px;
    width: 70px
}

.user-reg .check-row #piccheck {
    width: 330px
}

.user-reg .check-row .check-wrapper {
    height: 40px;
    display: inline-block;
    width: 120px;
    position: absolute;
    right: 0;
    bottom: 11px
}

.user-reg .check-row .check-wrapper img {
    width: 120px;
    height: 40px;
    position: absolute;
    right: 1px;
    cursor: pointer
}

.user-reg .group-single label {
    display: inline-block;
    vertical-align: baseline
}

.user-reg .group-single input[type=checkbox] {
    width: auto
}

.user-reg .button-reg {
    width: 100%;
    font-size: 18px;
    margin-top: 20px
}

.user-reg .parsley-errors-list {
    left: 15px
}

.account-wrapper-password {
    width: 80%;
    height: 530px;
    margin: 100px auto;
    padding-top: 5px;
    background-color: #fff
}

.form-group label .red-star {
    color: red;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

@media (-o-min-device-pixel-ratio: 5/4),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi),(min-resolution: 1.25dppx) {
    .icheckbox_square-green, .iradio_square-green {
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, main, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
    display: block
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

a:hover, a:active {
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.alert-box {
    font-size: 16px;
    display: block;
    font-weight: 400;
    padding: 12px 20px;
    position: relative;
    transition: opacity 300ms ease-out;
    background-color: #2cd188;
    border-radius: 6px;
    color: #fff
}

.alert-box i {
    margin-right: 10px
}

.alert-box.success {
    background-color: #2cd188
}

.alert-box.warning {
    background-color: #ffa800
}

.alert-box.info {
    background-color: #ffa800
}

.alert-box.alert {
    background-color: #ff4931
}

.alert-box.secondary {
    background-color: #e7e7e7
}

.alert-box.radius {
    border-radius: 6px
}

.alert-box .close {
    right: .22222rem;
    background: inherit;
    color: #333;
    font-size: 1.22222rem;
    line-height: .9;
    margin-top: -.61111rem;
    opacity: .3;
    padding: 0 6px 4px;
    position: absolute;
    top: 50%
}

.alert-box-pop {
    position: fixed;
    left: 50%;
    font-weight: 400;
    opacity: .6;
    z-index: 5000
}

.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background-color: #00c0f1;
    color: #fff;
    border-width: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 16px 25px;
    line-height: 1em;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-size: 16px
}

.button:hover {
    background-color: #40d8ff;
    color: #fff
}

.button:active {
    background-color: #0ba2f1;
    color: #fff
}

.button.huge {
    padding: 21px 0;
    width: 394px
}

.button.secondary {
    border: 1px solid #7a7e89;
    background-color: #fff;
    color: #7a7e89
}

.button.secondary:hover {
    background-color: #b1b7c7;
    color: #fff
}

.button.secondary:active {
    background-color: #7a7e89;
    color: #fff
}

.button.round {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    height: 28px;
    padding: 0 15px;
    display: inline-block;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    line-height: 28px;
    font-size: 13px
}

.button.round.hollow {
    border: 1px solid #19bbff;
    background-color: #fff;
    color: #19bbff
}

.button.round.hollow:active {
    color: #0ba2f1;
    border-color: #0ba2f1
}

.button.round.hollow.cold {
    border: 1px solid #7a7e89;
    background-color: #fff;
    color: #7a7e89
}

.button.round.hollow.cold:hover {
    background-color: #b1b7c7;
    color: #fff
}

.button.round.hollow.cold:active {
    background-color: #7a7e89;
    color: #fff
}

.button.expand {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    height: 28px;
    padding: 0 15px;
    display: inline-block;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    line-height: 28px;
    text-align: left;
    font-size: 13px
}

.button.expand:hover span {
    display: inline-block;
    opacity: 1
}

.button.expand.hollow {
    border: 1px solid #19bbff;
    background-color: #fff;
    color: #19bbff
}

.button.expand.hollow:active, .button.expand.hollow:hover {
    color: #fff;
    background-color: #19bbff
}

.button.expand.hollow.cold {
    border: 1px solid #7a7e89;
    background-color: #fff;
    color: #7a7e89
}

.button.expand.hollow.cold:hover {
    background-color: #b1b7c7;
    color: #fff
}

.button.expand.hollow.cold:active {
    background-color: #7a7e89;
    color: #fff
}

.button.search {
    width: 44px;
    height: 44px;
    border: 1px solid #dde2e5;
    color: #19bbff;
    font-size: 24px;
    background-color: #fff;
    padding: 0;
    line-height: 44px
}

.button.search:hover {
    background-color: #dde2e5
}

.button.search:active {
    background-color: #19bbff;
    color: #fff
}

.button[disabled] {
    background-color: #e3e3e3;
    color: #b9b9b9;
    cursor: not-allowed
}

.button[disabled]:hover, .button[disabled]:active {
    background-color: #e3e3e3;
    color: #b9b9b9;
    cursor: not-allowed
}

.button.i {
    position: relative;
    padding-left: 37px
}

.button.i i {
    font-size: 20px;
    position: absolute;
    left: 10px;
    top: 0
}

.form-horizontal input, .form-horizontal textarea, .form-horizontal select {
    border-radius: 3px;
    border: 1px solid #dddee3;
    padding: 0 8px;
    font-family: "Microsoft YaHei", Arial, sans-serif
}

.form-horizontal input:focus, .form-horizontal textarea:focus, .form-horizontal select:focus {
    -webkit-box-shadow: 0 0 10px #19bbff;
    -moz-box-shadow: 0 0 10px #19bbff;
    box-shadow: 0 0 10px #19bbff
}

.form-horizontal .form-group {
    padding: 10px 0;
    position: relative
}

.form-horizontal .form-group .group-single input[type=checkbox] {
    display: inline-block;
    width: auto
}

.form-horizontal .form-group .group-single label {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.form-horizontal .form-group .group-single .parsley-errors-list {
    padding-left: 0
}

.form-horizontal .parsley-errors-list {
    position: absolute;
    left: -10px;
    z-index: 10
}

.form-horizontal label, .form-horizontal input, .form-horizontal select, .form-horizontal .filed, .form-horizontal textarea {
    display: inline-block;
    font-size: 14px;
    *display: inline;
    *zoom: 1
}

.form-horizontal label, .form-horizontal .filed {
    vertical-align: top;
    text-align: left;
    line-height: 44px
}

.form-horizontal label {
    display: block
}

.form-horizontal label.normal {
    width: auto;
    vertical-align: middle
}

.form-horizontal input, .form-horizontal select {
    line-height: 42px;
    height: 42px
}

.form-horizontal select {
    padding: 8px;
    box-sizing: content-box;
    height: 24px;
    line-height: 24px
}

.form-horizontal textarea {
    line-height: 42px
}

.form-horizontal input[type=radio], .form-horizontal input[type=checkbox] {
    padding: 0;
    height: auto;
    width: auto;
    vertical-align: middle
}

.form-horizontal input::-webkit-input-placeholder, .form-horizontal textarea::-webkit-input-placeholder, .form-horizontal input:-moz-placeholder, .form-horizontal textarea:-moz-placeholder, .form-horizontal input::-moz-placeholder, .form-horizontal textarea::-moz-placeholder, .form-horizontal input:-ms-input-placeholder, .form-horizontal textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, .2) !important
}

body {
    font-family: 'Microsoft YaHei', sans-serif;
    background-color: #eaeff2;
    opacity: .95;
    -ms-filter: alpha(Opacity=95);
    filter: alpha(Opacity=95);
    min-width: 1200px
}

body a {
    font-size: 14px;
    text-decoration: none;
    color: #19bbff
}

body a:hover {
    color: #40d8ff
}

.grid {
    width: 1200px;
    margin: 0 auto;
    *zoom: 1
}

.grid:before, .grid:after {
    display: table;
    line-height: 0;
    content: ""
}

.grid:after {
    clear: both
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.bc {
    margin-left: auto;
    margin-right: auto
}

.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}

.cb {
    clear: both
}

.cl {
    clear: left
}

.cr {
    clear: right
}

.vm {
    vertical-align: middle
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.abs-right {
    position: absolute;
    right: 0
}

.zoom {
    zoom: 1
}

.hide {
    display: none
}

.hidden {
    visibility: hidden
}

.none {
    display: none
}

#loginCheckNum{
    width: 230px;
}