@keyframes fade-in {
    0% { opacity: 0; }

    /*初始状态 透明度为0*/
    40% { opacity: 0; }

    /*过渡状态 透明度为0*/
    100% { opacity: 1; }

/*结束状态 透明度为1*/ }
@-webkit-keyframes fade-in {

    /*针对webkit内核*/
    0% { opacity: 0; }
    40% { opacity: 0; }
    100% { opacity: 1; }
}
#wrapper { animation: fade-in;/*动画名称*/ animation-duration: .6s;/*动画持续时间*/ -webkit-animation: fade-in .6s;/*针对webkit内核*/ }
body {margin: 0; padding: 0; background: #fff; line-height: 1; font: 14px/1.5 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent }
a:hover, a:focus { text-decoration: none; bblr: expression(this.onFocus=this.blur()); outline-style: none }
table { border-collapse: collapse; border-spacing: 0 }
input, select { vertical-align: middle }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix::before, .clearfix::after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both }
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }

/* login */
html, body { height: 100%; }
.container { text-align: center; height: 100%; }
.container:before { display: inline-block; height: 100%; vertical-align: middle; content: ""; }
.login-body { display: inline-block; vertical-align: middle; width: 600px; margin: 75px 0; background-color: hsla(0,0%,100%,.12); border-radius: 4px; padding: 50px 40px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.login-content { }
.login-content .brand .brand-img { width: 50px; }
.login-content .brand .brand-text { margin-top: 10px; margin-bottom: 11px; font-size: 20px !important;  text-shadow: rgba(0, 0, 0, .15) 0 0 1px; font-weight: 400; color: #37474f; }
.login-form { margin: 45px 0 30px; }
.login-form .am-form-group { margin: 30px 0; }
.login-form input { display: block; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; width: 100%; border: 1px solid #E4EAEC; font-size: 14px; height: 42px; line-height: 1.5; outline: none; padding: 0 5px; color: #a3afb7; font: 14px/1.5 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.login-form input:focus { border: 1px solid #1686ef; }
.login-form button { width: 100%; margin-top: 20px; padding: 10px 18px; font-size: 18px; line-height: 1.3333333; border-radius: 4px; white-space: normal; -webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; -o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; -webkit-font-smoothing: subpixel-antialiased; color: #fff; background-color: #1686ef; border-color: #1686ef; background-image: none; border: 1px solid transparent; cursor: pointer; outline: none; }
.login-form button[disabled], .login-form button[disabled]:hover { color: #fff; background-color: #a2caee; border-color: #a2caee; cursor: not-allowed; opacity: .65; }
.login-form button:hover { background-color: #8bc3f7; border-color: #8bc3f7; }
@media screen and (max-width: 404px) {
    .login-body{width: 310px;padding: 50px 30px 40px;}
}
#vercode{cursor:pointer;width: 45%;height: 35px;}

/* 商户登录 */
.page-header {
            height: 90px;
            margin: 0;
            padding: 0;
            background:#fff;
            border-bottom: 1px solid #e5e5e5;
        }
        .page-header:before {
            display: none;
        }
        .page-header .inner {
            height: 90px;
            width: 1080px;
            margin: auto;
        }
        .page-header .inner .logo {
            height: 90px;
            width: auto;
            vertical-align: middle;
        }
        .page-header .inner .logo img {
            max-height: 68px;
            height:68px;
            width: 200px;
            margin-top: 11px;
            vertical-align: middle;
        }

        .page-content {
            display: block;
            float: none;
            width: 1080px;
            margin: auto;
            padding: 72px 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            border-bottom: 1px solid #e5e5e5;
        }

        .signup-adv {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding-right: 40px;
        }
        .signup-adv img {
            max-height: 100%;
            max-width: 100%;
        }
        .signup-main{
            width: 360px;
            height: 390px;
            padding: 40px;
            border: 1px solid #e5e5e5;
        }
        .signup-main .title {
            color: #333;
            font-size: 16px;
        }
        .signup-main .title span {
            font-size: 12px;
            color: #666;
            padding-left: 4px;
        }
        .signup-main .input {
            height: 38px;
            width: 100%;
            margin-top: 20px;
        }
        .signup-main .input input {
            height: 38px;
            width: 100%;
            border: 1px solid #e5e5e5;
            outline: none;
            border-radius: 3px;
            padding: 0 10px;
            font-size: 14px;
        }
        .signup-main .input input:focus {
            border: 1px solid #ff6445;
        }
        .signup-main .button {
            height: 38px;
            width: 100%;
            margin-top: 30px;
        }
        .signup-main .button button {
            height: 38px;
            width: 100%;
            background: #ff6445;
            border: 0;
            border-radius: 3px;
            color: #fff;
            font-size: 16px;
            outline: none;
        }
        .signup-main .button button:active {
            background: #f9512f;
        }
        .signup-main .option {
            height: 40px;
            line-height: 40px;
            text-align: right;
            margin-bottom: 5px;
        }
        .signup-main .option span {
            cursor: pointer;
        }
        .signup-main .option span:hover {
            border-bottom: 1px solid #666;
        }
        .signup-main .text {
            border-top: 1px solid #e5e5e5;
            width: 100%;
            padding: 10px 0;
        }
        .signup-main .text p.title {
            font-size: 14px;
            color: #444;
        }
        .signup-main .text p {
            font-size: 12px;
            margin-bottom: 8px;
            color: #999;
        }
        .foget{font-size: 12px;}
        input[type=submit] {
            -webkit-appearance: button;
            cursor: pointer;
        }