*{font-family:'微软雅黑',Verdana,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;list-style:none}
body,html{height:100%;width:100%;overflow:hidden}
body{position:relative;background-color:#999;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(../oem/bg.jpg);}
a{color:#ff8f0c;text-decoration:none;cursor:pointer}
.fl{float:left;}
.fr{float:right;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
.clearfix{*zoom:1;}
.logininput{position:relative;margin:0 0 10px 0;height:50px}
.logininputvalid input{width:60%!important}
.logininputvalid a{float:right;display:block;outline:none}
.logininputvalid img{height:50px;display:block;border-radius:3px}
.login {
    min-height: 400px;
    width: 420px;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 4px;
    margin: 5% auto 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -210px;
    margin-top: -220px;
}
.head{margin:0 0 0 -58px;padding:18px 10px 18px 60px;background:#ff8f0c;position:relative;color:#fff;font-size:18px}
.darkbannerwrap{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAMAAACOlf6TAAAANlBMVEUAAAAVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRVUt3FJAAAAEXRSTlMA3/fx6tPLgnlwZ15VTUQ8BUREjCYAAAA2SURBVAjXXcjHDQAhEANAXyDn/ptFCLEG5jkoul0AZHXVkJ6jprgllvBLkf+kyL1SZFlkpKh2uWsFdJY6V5wAAAAASUVORK5CYII=);background-repeat:no-repeat;width:18px;height:10px;margin:0 0 20px -58px;position:relative}
input[type=email],input[type=file],input[type=password],input[type=text],select{border:1px solid #DCDEE0;vertical-align:middle;border-radius:3px;height:50px;line-height:50px;padding:0 16px;font-size:14px;color:#555;outline:0;width:100%;background-repeat: no-repeat;background-position: 98% center;background-size: 16px 16px;}
input[type=email]:focus,input[type=file]:focus,input[type=password]:focus,input[type=text]:focus,select:focus{border:1px solid #ff8f0c}
input[type=button], input[type=submit] {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 24px;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    background-color:#ff8f0c;
    border-radius: 3px;
    border: none;
    -webkit-appearance: none;
    outline: 0;
    width: 100%
}
input[type=button]:hover,input[type=submit]:hover{background-color:#ff8f0cc2}
.copyright{font-size:14px;color:#FFFFFF;display:block;position:absolute;bottom:15px;top:auto;left:auto;right:auto;width:100%;text-align:center}
.error{padding-bottom:10px;height:30px;text-align:center;color:#E74C3C;font-size:14px}
.username{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABD0lEQVQ4T6WSsXHCQBBF/ycgNR2YDjwKuFNmtgKLCjzuAFdguwJUgkqABjgy++RAcgWmBGIRrEfymJGQRhbDpff37d+/S1z52FXv3rMpRsUK4ByqB3CUiJ29dWlbAJdlExTHbwCTZoGuxdrFOaQN8P4V4EvnZEQgxuT1vxZg69MdgfvuaHQh1q57Ae5aB2UGWhz3BG4aLlQ3Etro3wxKQbUFFrHydwskEozHsQTBYRDgktPo2kIE5QOA6RloD+qmN0Tn0wTAY68DRSKhefrTnBy4j88lqKtB9pXPEs7iUnsCbL3PCd4NAgC5WBM0AM6nOrC4kok1VfPaCGms0IjkbR9IoV9U7iQ0ywbgku517Q/OZF8RxjG/AgAAAABJRU5ErkJggg==);}
.userpwd{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA2ElEQVQ4T+2TvRGCQBCF3waSqh3YgZIcpGcFdqAl0IFjB3agdqANgCmXQAtWIKYQrAMHjBynmJh50c7+fLv7do5geZFSCzBvAVrpMJ9BtJNCpGY6mQ5djMTCzUCQJqQHCOM4JdAcwAnOKKhAebEHsAbzRfpePZVu0Z8gVlxFnNFUum5WmlGSTJAX99KWnujUvAWYiVEN/j3AdpVPvnaFF/GGGYyr9IXsiNjsOFytMxot2gn+ACCMVUbA+BsRmfm29L1Z9wpKbcA4DAEYeBAhkEIcrX9hCGDGn6pcYBE2So/wAAAAAElFTkSuQmCC);}
.vailcode{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA6UlEQVQ4T62TzXHCMBCFv4Xh7hJSAhywcktUQZwKQgdABSmBFkgHTgMYblgcoJSc+VtGDh4IYzIWsCeN9N4n6c2ucGeJ92fzPEXkLYylqTXm/ReQO0VlSJNVLciONqIja2I5ARpibbc7LYCLxWu5rgL6c/aaVQLOvvNlTdwLBkxyNxV4QfXbPpskGJAtlxGbTUKrldpO5ycY8F+IBXy97YMOgOh6iM61gQ8bx8MSmDnXY6+fiDyVe9UheqEy8jegjGkwuzReBbDTBKFfqxeAvy8AH1hU1+x1l4AQb6F9IOCWYTo2WjEL99QB03CXEVgBLV8AAAAASUVORK5CYII=);}

@media screen and (max-width:500px){.login{margin:100px auto 0;margin-left:-210px;margin-top:-220px;}}
@media screen and (max-width:399px){.login{width:380px;margin-left:-190px;margin-top:-220px;}}
#browser_ie{background-color:#f6f6b4;height:85px;color:#000;font-size:15px;position:absolute;top:0;left:0;right:0;width:100%}
#browser_ie .brower_info{margin:0 auto;width:800px;padding-top:17px}
#browser_ie .brower_info .notice_info{position:relative;margin-top:5px;float:left}
#browser_ie .brower_info .notice_info p{text-align:left;line-height:25px;width:360px;display:inline-block}
#browser_ie .browser_list{position:relative;float:left}
#browser_ie .browser_list img{width:40px;height:40px}
#browser_ie .browser_list span{text-align:center;width:80px;display:inline-block}
#browser_ie .browser_list a{display:block;color:#495d64;cursor:pointer;outline:none}

.loginLoading {position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:100;background-color:rgba(0,0,0,0.5);display:none;}
.loginLoading div {width: 150px;background-color: #ffffff;border-radius: 5px;padding: 23px;position:absolute;top:50%;left:50%;margin-left:-75px;margin-top:-35px;line-height:24px;}
.loginLoading div img {width:24px;height:24px;margin-right:10px;vertical-align:middle;}