@charset "utf-8";
/*
新登录界面样式
*/
/*全局盒模型*/
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: 0;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
/*全局盒模型*/
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
}
/*此为解决苹果手机对input按钮编译不一样的问题*/
html,body{
    height:100%;
}
.p-rel{
    position: relative;
}
.p-abs{
    position: absolute;
}
.login-wrapper{
    height:100%;
    padding:5%;
    box-sizing:border-box;
    background: url(/images/supplier-login-bg.png) no-repeat  center center/ cover;

    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari、Opera 以及 Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* W3C */
    display: box;
    box-pack: center;
    box-align: center;
}
.login-main{
    width:96%;
    max-width:1220px;
    text-align:left;
    position:relative;
    border-radius: 1rem;
    overflow: hidden;
    background:#fff;
    
}



.ico-s {
    position: absolute;
    left: 50%;
    margin-left: -0.5rem;
    bottom: 0;
    display:inline-block;
    width:0;
    height:0;
    border-left:1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom:1rem solid #fff;
}
.login-form{
    padding:1rem;
    text-align:center;
}
.login-form .lf-m{
    display: inline-block;
    margin-left: 39rem;
    width: 100%;
    max-width: 500px;
}
.login-form .logo{
    height:4.5rem;
    background: url(/images/supplier-login-logo.png) no-repeat center center / 17.75rem auto;
}
.login-form .lf-c{
    position: absolute;
    left: 0;
    top: 0;
    width: 39rem;
    height: 39rem;
    max-width: 100%;
    min-height: 100%;
    background-image: url(../Images/supplier-login-ad.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.error-m{
    height:2rem;
    line-height:2rem;
    margin-top:1rem;
}
.error-information{
    color:red;
}
.login-form .form-item{
    position: relative;
    height: 5rem;
    background-color: #f5f5f5;
    border-radius: 0.5rem;
    margin: 1rem;
    padding-left: 5rem;
    padding-right: 1rem;
}
.login-form .form-item .p-abs{
    left: 0;
    width: 5rem;
    height: 5rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 3rem auto;
}
.login-form .form-item label.error{
    display: none !important;
    line-height: 1rem;
    position: absolute;
    right: 0.8rem;
    top: 50%;
    margin-top: -0.5rem;
    color: red;
}
.login-form input, .login-form select{
    display:inline-block;
    width:100%;
    max-width: 375px;
    line-height: 1.5rem;
    margin: 1.75rem 0;
    background:none;
    border:none;
    text-align:left;
    font-size: 1.25rem;
}
.login-form .m input.error{
    color: red;
}
.login-form .m input:focus{
    color: inherit;
}
.login-form .m input.btn-register{
    margin-top:1rem;
    display:inline-block;
    width:80%;
    height:3.75rem;
    line-height: 3.75rem;
    border-radius: 3.75rem;
    color:#fff;
    font-size:1.25rem;
    background: linear-gradient(to right,#f29926,#fd7816);
    border:none;
    text-align:center;
	cursor: pointer;
    letter-spacing: 0.4rem;
}
.footer {
	height: 3.75rem;
	text-align: center;
	margin-top: 3.25rem;
	line-height: 3.75rem;
}
.footer.p-fixed {
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}
.footer .footerText {
	font-size: 1.25rem;
	color: #fd7816;
	display: inline-block;
}
.footer .footerText a{
	color: #fd7816;
	text-decoration:none;
}
.ico-name{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAA/1BMVEUAAAD4ixf5hBP9bwf5hxX7fQ/8dwz3kBn4jxn3khr3kxv5hBP6ghL5ghL8cgn8dAr6fg/2mB3+agX9bAb9cAj2mB73kRr8dgv3jRj5gxL9bAb8cgn+bQf8dwz4jRf6fxD3jRj3kxv+aAT1mh/5gRL3kxv+aAT8bwj7ew77dwz9agX5gxP7ew77eQ33jxn4iRb6fxD7eQ32mB75hRT4iRb7dwz6fQ/8dQv5gRL5gxP1mh/3kRr4ixf2mB75hRT2lh36fQ/3jRj8cwr3kRr+aAT6fg/4ihb7eAz3jhj8dAr4hxX5hRT5gxP5gRL7ew78cAj3khr2lhz9bAb2mB7+agTZNh2JAAAARXRSTlMA8cot8vLy8aRLKRUO8vLLyr68rqSfmIl7b2pjTDwfGvr17Ofl4ODc2dXT0srBwL+8t7Ssq6qVj4B+fXxoX19HRjMmAgFGc3FTAAAA9UlEQVQ4y+3S127CQBBA0XXiQg81QICQXui99977/38LSCDAY8/4BQkJcZ+PVrO7w+4pMnrT4a9ELqAtK9xoPJl2u7OkSUN6er0D7f8bSakfnGj/iZJt6ZwO/eShMkod+yynwyBOdYA+XoSWASWe1iCnTkYUk9EWuQBvZzTPyJrckbqZRsHMnv75mHavtWLB22DXyeDRxR92Wa2RaNYdIKaE6+LAflb/vgB0Pn9RlfXlQklXata0VKUrlRlSCA0p775G6MYPaQmlDkhtKP2B9BOlH5CuUbqB1IVSO4NVXbZvSeI4nufNZkEQRFG0WH7tTl+H3XRbL5OF091s+8MAAAAASUVORK5CYII=');
}
.ico-password{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAA/FBMVEUAAAD9bgf3lRz8dQv5hxX6fg/3jxn2lhz3lBv8bwj6gBD5ghL7eQ38cgn4ihb5gxP+agX2lx3+awX8cgn5iBX6gBH4ixf6gRL9cwr8dgv3kBn5hhT6fg/1mh/+aAT9bQf2lRz9agX2mB72mB74iBX7fA75hhT8cwr3kxv4jBf8bwj4ixf6fxD9bAb2lh33jxn8dQv7ew79bAb4hxX3jRj6fQ/5hRT3kRr8cQn7dwz7eQ3+aAT8dQv2lh39bQf4iRb2lh39bQf9bAb3kxv3kxv2mB39agX3jhj8dAr1mh/+aAT5gRL7eAz3kRr4iBX5hBP7fA78cQn4ixf6fxCqoSxsAAAARXRSTlMAEBAwMDAwDP7+YPLw8O+QDIqIX1I5JhwVB/Pw8OTk393Rz4h4d3BvamMz+vfy8eji3tnNyMfEwbyal46Bf21oXVRBOzEtrp59AAABHUlEQVQ4y9XT2VLCMBQG4Ba0BbpIC91YBGV33/dd0xxtWii+/7soo2M7JC2MFwr/Vf7MN7lIcrilTqZ7Jnk7px17piyrwXDovY9GcmmGbI+D465hGp1DQm7Sz8Tb918r54pA2rniPh78lEtQism0j0+i4hxAL5me40Gs9eAimVawGWtZUJKv1MdirNoQOik0XnkI+T+kYqtZ8bGqqtWqJNVqsiwrECoNnaflJsrlfIzHwfcfIAQgzOfdDeodWghpz4IgrEyy+pnsJFt3u+71NK2jW46Vkrs+vfWKTCa13DeaZpiU/w9akIx56ZpXWBra9spzX5bFRXQhX8tiUpumdfTApE/0f9XQXv+FnoLHI1f/xWxFVmsyaEMvcouSD6ZxQODziwFAAAAAAElFTkSuQmCC');
}
.ico-code{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAABa1BMVEUAAAD6fxD5hBP6gRH6hBP8dwz5hxT8cAj5hxX7eAz4iRb7eg35ghL2mB73jxn5iBX7ew73kxv9bgf8cQn6gxL3kRr3jRj5gxP4iBX9bQf2lx38cAj8cQn8cgn2lhz7fA78dAr9bAb5hhT9bAb8dgv+aQT6fg/8cwr8dQv6fQ/5hhT4ihb4ihb7ew79bAb8dQv4iRb3lRz8cQn4ixf3kBn7eAz9bwj6gRH6fxD4ixf3khr7eQ38cwr7ew79agX5hRT6fxD5gRL4ixf3kxv7dwz+aAT1mh/3kxv3jxn5hRT3jxn7ew72lRz3jRj9bQf+aAT5gRL6fQ/1mh/5hRT3jRj2lRz9agX8dQv2mB72lh37ew77ew7+aAT1mh/7eQ33jRj5gRL4hxX2lh35gRL9bAb2mB79agX1mh/+aAT5hBP7eAz8dAr9bAb5gRL8cAj3jhj4ixf4iRb6fxD6fg/2lh32lRz4hxX7ew73kxvsdISAAAAAZXRSTlMAAgsEBxJPJBvt4uHfwIVgXz04Fw79/fj28u3m4NbT0szJxMHAwL6hlJKRenNzbGtpZWFUR0M/OTMqJB/59/Xx8e/s6OXl4uLh1tXJyMi5sq6pqKKUk5CJgHdraGdcWVhIQTMvK5YJ6CQAAAGPSURBVDjL7ZRVc8JAFEY3QIoXreDuFPe6u7srtFEc+vM7QAIzIYQ89K09L5v55sxNbvbugn/YmFBM8BMFQYSoBQTjRaFKhiAnRF2uFnIX1EzKqq3dLMja2ujGdYa9tFKpPNieKpcrspiwU/xejmIYaXK4PB6m+llsNL+n9i5SEBVAab+FJHG89DWsajQFESMUibUZNhWw89uqIArxVX2Yj6c6hy1o+alpFEtwfevgb81LUT9XW4WdZ7olG+oWcqmT5elYb6tO23IdGKkKum4l1G2pvpijyg+rW8W3zhKuVIMAvNTqair/KG0y1bPibXdVVVvn+dVagM4jpWOm+li0UqdlFpkhvP25dpQemKrI2Ej1nl6XEQVMx1p8CQZMbhpWalRzinc6hFz4FRhCb2zG6Tf0wwRu0IFh4s115miLDXgEsHGZZwSwhTyCAB/0dtIMg5EkJYOBsWMmMccVNL2WpHp/kmJmDhNIDitVp0oCSdT7KOrWcd9DodkWghC1elsaHdsRHHbOECveOz34G/wABMJPp4N67hsAAAAASUVORK5CYII=');
}
.ico-system{
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAY1BMVEUAAAD4ixb7eQ39bwj3lRz6gRH5hRT6gRH6gRH6gxP1mh/+aAT3jhn8dAr8dAr1mh/+aAT6fxH5hBP7eg78dQv2lhz9bAb4jBf4iRX3kRn9bwj+aAT2mR72kxv3jhn8cgr1mh9FbQuxAAAAEXRSTlMAJCQkJIxyzcUG6emVfFcbGwqEUAIAAABtSURBVDjL7c5HCoAwFEXRWBJ7SbWX/a/SGAUhEIKOHPw7Pjwegt6Wz1LKZRjWrut7xhillHMuhNjGUSk1FQ/dPXQCChToj2gTXwWmRNMkPIvuWuQo1TRFnjKzSjDGxKxmblpaXys3JRatEfStA+wWRvatQsl6AAAAAElFTkSuQmCC');
}
@media (max-width:1200px) {
    html, body{
        font-size: 11px;
    }
    .login-form .lf-c{
        position: relative;
        height: 22rem;
    }
    .login-form .lf-m{
        margin-left: 0;
    }
    .login-topbg .name{
        font-size: 1.5rem;
    }
    .login-form .lf-c{
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (min-width:1201px) {
    .login-form .lf-m{
        display: inherit;
        width: inherit;
    }
}