* {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

:focus {

    outline: 0 !important;

}

body {

    margin: 0;

    width: 100%;

    font-size: 14px;

    /*background:#F9F9F9;*/

    font-family: "Microsoft YaHei", "微软雅黑";

    min-width: 960px;

}

ul li {

    list-style: none;

}

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    font-family: inherit;

    font-weight: 500;

    line-height: 1.1;

    color: inherit;

}

h1,

.h1,

h2,

.h2,

h3,

.h3 {

    margin-top: 20px;

    margin-bottom: 10px;

}

h4,

.h4,

h5,

.h5,

h6,

.h6 {

    margin-top: 10px;

    margin-bottom: 10px;

}

h1,

.h1 {

    font-size: 36px;

}

h2,

.h2 {

    font-size: 28px;

}

h3,

.h3 {

    font-size: 24px;

}

h4,

.h4 {

    font-size: 18px;

}

h5,

.h5 {

    font-size: 14px;

}

h6,

.h6 {

    font-size: 12px;

}

a {

    color: #333333;

    text-decoration: none;

}

a:hover {

    color: #79c061;

    text-decoration: none;

}

.loginbg {

    position: fixed;

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    background: url(/static/supplier/login/login-bg.jpg) #f2f2f2 center top

        repeat;

}

.login-bg {

    padding-top: 100px;

    width: 100%;

    /* display: flex; */

}

.login-flex-left {

    flex: 3;

}

.login-flex-right {

    flex: 2;

}



.login-register .register-form {

    margin: 0px auto;

    position: relative;

    padding: 30px;

    margin-top: 0px;

    width: 520px;

    min-height: 576px;

    background: url(/static/supplier/login/form-bg.png) center top no-repeat;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    border: 1px solid #ddd;

}

.login-register .login-col {

    font-size: 14px;

    line-height: 32px;

}

.login-register .login-col img {

    height: 50px;

    width: 150px;

}

.font-size-20 {

    font-size: 20px;

}

.font-color-red {

    color: #aa0000;

}

.text-center {

    text-align: center;

}



p {

    margin: 0 0 10px;

}

.mt10 {

    margin-top: 10px;

}

.mt30 {

    margin-top: 30px;

}

.login-register .has-icon-before {

    position: relative;

}



.mt45 {

    margin-top: 45px;

}

.mb20 {

    margin-bottom: 20px;

    overflow: hidden;

}

.mb30 {

    margin-bottom: 30px;

    overflow: hidden;

}

.mb60 {

    margin-bottom: 60px;

    overflow: hidden;

}

.login-register .login-ico {

    display: inline-block;

    width: 48px;

    height: 46px;

    background-color: #f4f4f4;

    border-right: 1px solid #ddd;

}

.login-register .has-icon-before .form-icon-before {

    position: absolute;

    left: 1px;

    top: 1px;

    z-index: 1;

}



.login-register .login-ico:after {

    content: "";

    position: absolute;

    left: 17px;

    top: 17px;

    width: 14px;

    height: 14px;

    background: url(/static/supplier/login/icon.png) -1px 0 no-repeat;

}

.login-register .login-ico.user:after {

    background-position: -1px -42px;

}

.pr {

    position: relative;

}

.font-size-12,

.fontsize12 {

    font-size: 12px;

}



.form-control {

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    -webkit-transition: border-color ease-in-out 0.15s,

        box-shadow ease-in-out 0.15s;

    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

.form-control {

    -webkit-box-shadow: inset 0 1px 1px rgba(248, 248, 248, 0.075);

    -moz-box-shadow: inset 0 1px 1px rgba(248, 248, 248, 0.075);

    -o-box-shadow: inset 0 1px 1px rgba(248, 248, 248, 0.075);

    box-shadow: inset 0 1px 1px rgba(248, 248, 248, 0.075);

}

.login-register .form-group .form-control {

    position: relative;

    height: 48px;

    line-height: 18px;

    box-shadow: none;

    background-color: #fff;

    border-radius: 4px;

    border-color: #ddd;

}

.login-register .has-icon-before .form-control {

    padding-left: 54px;

}

.login-register .login-ico.psd:after {

    background-position: -1px -84px;

}



.loginbtn {

    margin-bottom: 0;

    font-weight: 400;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;



    display: block;

    width: 100%;

    color: #fff;

    background-color: #428ece;

    border-color: #428ece;

    font-size: 18px;

    line-height: 50px;

    border-radius: 6px;

}