html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
.clearfix:after { display: block; content: ""; clear: both; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.addfix { position: fixed; }
* { margin: 0; padding: 0; font-family: 微软雅黑; }
.over { overflow: hidden; }
a:hover { cursor: pointer; font-family: 微软雅黑; }
.mouse:hover { cursor: pointer; }
img { font-size: 0; vertical-align: bottom; border: 0 none; }
button:hover { cursor: pointer; }

html, body { width: 100%; height: 100%; }
* { font-family: 微软雅黑; margin: 0; padding: 0; }
.contaioner { width: 100%; height: 100%; background-image: url("../img/login/bg.png"); background-size: cover; background-repeat: no-repeat; }
.logo { text-align: center; padding-top: 130px; }
.item-list { width: 801px; height: 500px; background-image: url("../img/login/bg2.png"); text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-shadow: 0 0 black; margin: auto; position: relative; z-index: 5; margin-top: 3%; }
.item { margin: auto 45px; border-radius: 3px; text-shadow: 0 0 black; height: 50px; line-height: 50px; border: solid 1px #dfdfdf; }
.item:nth-child(n+2) { margin-top: 20px; }
.item-fl { width: 67px;; }
.item-fl-img { vertical-align: middle; }
.inp-sub { width: 320px; height: 40px; line-height: 40px; border: none; outline: none; font-size: 16px; color: #999999; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #999999 !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color: transparent; background-image: none; transition: background-color 50000s ease-in-out 0s; }
input { background-color: transparent; }
.item-sub { height: 55px; line-height: 55px; text-align: center; background-color: #3b9ffd; font-size: 24px; color: white; border-radius:5px; }
.item-sub a { color: white; text-decoration: none; display: block; width: 100%; height: 100%; }
.item-sub:hover { cursor: pointer; }
#git { background: url("../img/login/midground.png"); -webkit-animation: mygit 100s linear infinite; -o-animation: mygit 100s linear infinite; animation: mygit 100s linear infinite; height: 100%; position: fixed; top: 0; width: 100%; z-index: 1; }
/*荧光点点*/
@keyframes mygit {
    0% { background-position: 0 0; /*transform: translateY(0px);*/ }
    100% { background-position: 0 -600%; }
}

@-o-keyframes mygit {
    0% { background-position: 0 0; /*transform: translateY(0px);*/ }
    100% { background-position: 0 -600%; }
}

@-moz-keyframes mygit {
    0% { background-position: 0 0; /*transform: translateY(0px);*/ }
    100% { background-position: 0 -600%; }
}

@-ms-keyframes mygit {
    0% { background-position: 0 0; /*transform: translateY(0px);*/ }
    100% { background-position: 0 -600%; }
}

@-webkit-keyframes mygit {
    0% { background-position: 0 0; /*transform: translateY(0px);*/ }
    100% { background-position: 0 -600%; }
}

canvas { width: 60px; height: 44px; z-index: 0; background: white; text-align: center; }
.item-fl-yzm { width: 60px; margin-left: 17px; }

.new-item-list { position: absolute; top: 45px; width: 150px; height: 40px;text-align: center; border-radius: 20px; line-height: 40px; left: 250px; }
.new-item-list2 { position: absolute; top: 140px; width: 490px; height: 350px; left: 170px; }