html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}.txt-rt{text-align:right}.txt-lt{text-align:left}.txt-center{text-align:center}.float-rt{float:right}.float-lt{float:left}.clear{clear:both}.pos-relative{position:relative}.pos-absolute{position:absolute}.vertical-base{vertical-align:baseline}.vertical-top{vertical-align:top}nav.vertical ul li{display:block}nav.horizontal ul li{display:inline-block}img{max-width:100%}body{background:url('Images/Login/bg1.jpg') no-repeat 0 0;font-family:'Open Sans',sans-serif;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;min-height:1050px;overflow:hidden}.wrap{margin:0 auto;width:80%}body a,form li,input[type="button"],input[type="text"],.sixth-login input[type="button"],.third-login input[type="button"]{transition:.1s all;-webkit-transition:.1s all;-moz-transition:.1s all;-o-transition:.1s all}.close{background:url('Images/Login/close.png') no-repeat 0 0;cursor:pointer;width:20px;height:20px;position:absolute;left:20px;top:20px;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}h1{font-family:'Times New Roman',Times,serif;text-align:center;padding-top:4em;font-weight:400;color:#2b2b36;font-size:2em}.login-form{background:#2b2b36;width:20%;margin:auto 15% 0 auto;min-width:300px;max-width:400px;text-align:center;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px}.head img{width:100%}.head-info{padding:5px 0;text-align:center;font-weight:600;font-size:2em;color:#fff;background:#23232e;height:50px;border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;-o-border-top-left-radius:10px;border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;-o-border-top-right-radius:10p}input[type="text"]{width:70%;padding:1em 2em 1em 3em;color:#9199aa;font-size:18px;outline:0;background:url('Images/Login/adm.png') no-repeat 10px 15px;border:0;font-weight:100;border-bottom:1px solid#484856;margin-top:2em}input[type="password"]{width:70%;padding:1em 2em 1em 3em;color:#dd3e3e;font-size:18px;outline:0;background:url(Images/Login/key.png) no-repeat 10px 23px;border:0;font-weight:100;border-bottom:1px solid#484856;margin-bottom:3em}.key{background:url(Images/Login/pass.png) no-repeat 447px 17px}input[type="button"]{font-size:30px;color:#fff;outline:0;border:0;background:#3ea751;width:100%;padding:18px 0;border-bottom-left-radius:15px;-webkit-border-bottom-left-radius:15px;-moz-border-bottom-left-radius:15px;-o-border-bottom-left-radius:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-bottom-right-radius:15px;-o-border-bottom-right-radius:15px;cursor:pointer}input[type="button"]:hover{background:#ff2775;border-bottom-left-radius:15px;-webkit-border-bottom-left-radius:15px;-moz-border-bottom-left-radius:15px;-o-border-bottom-left-radius:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-bottom-right-radius:15px;-o-border-bottom-right-radius:15px;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all}label.lbl-1{background:#6756ea;width:20px;height:20px;display:block;float:right;border-radius:50%;margin:16px 10px 0 0}label.lbl-2{background:#ea569a;width:20px;height:20px;display:block;float:right;border-radius:50%;margin:16px 10px 0 0}label.lbl-3{background:#f1c85f;width:20px;height:20px;display:block;float:right;border-radius:50%;margin:16px 10px 0 0}.copy-rights{text-align:center;margin-top:8em}.copy-rights p{color:#FFF;font-size:1em;line-height:1.8em}.copy-rights p a{color:#ff2a75;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;text-decoration:none}.copy-rights p a:hover{color:#3faa53;text-decoration:none;transition:.1s all;-webkit-transition:.1s all;-moz-transition:.1s all;-o-transition:.1s all}
@media(max-width:1440px){.key{background:url(Images/pass.png) no-repeat 376px 17px}body{min-height:811px}}@media(max-width:1366px){.key{background:url(Images/pass.png) no-repeat 358px 19px}.copy-rights{margin-top:3em}body{min-height:768px}}@media(max-width:1280px){.key{background:url(Images/pass.png) no-repeat 336px 18px}body{min-height:711px}.copy-rights{margin-top:.5em}}@media(max-width:1024px){.login-form{width:37%}.key{background:url(Images/pass.png) no-repeat 339px 18px}.copy-rights{margin-top:3em}h1{padding-top:2em}body{min-height:675px}}@media(max-width:768px){.login-form{width:50%}.head-info{display:none}.key{background:url(Images/pass.png) no-repeat 342px 18px}body{min-height:929px}}@media(max-width:640px){.login-form{width:60%}.key{background:url(Images/pass.png) no-repeat 342px 19px}}@media(max-width:480px){.login-form{width:80%}.head-info{display:none}}@media(max-width:320px){.head-info{display:none}.login-form{width:90%}input[type="text"]{width:62%;padding:1.2em 2em .5em 2.5em;font-size:17px}input[type="password"]{width:62%;padding:1.2em 2em .5em 2.5em;font-size:17px;background:url(Images/key.png) no-repeat 8px 23px}.key{background:url(Images/pass.png) no-repeat 235px 27px} label.lbl-1{margin:0 10px 0 0}label.lbl-2{margin:0 10px 0 0}label.lbl-3{margin:0 10px 0 0}.close{left:16px;top:13px}.copy-rights{margin-top:2em}body{min-height:504px}input[type="button"]{font-size:28px;padding:10px 0}}.milky{font-family:"经典圆体繁","microsoft yahei","Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif;text-transform:;font-size:30px;color:#f1ebe5;text-shadow:0 8px 9px #c4b59d,0px -2px 1px #fff;font-weight:bold;text-align:center;padding:100px 50px;transform:translate(-50%,-50%);border-radius:20px}
.myclass {
    letter-spacing: 5px; /*字间距*/
    color: red;
    font-weight: bold;
    font-size: 46px;
}

/* 定义keyframe动画，命名为blink */
@keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* 添加兼容性前缀 */
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* 定义blink类*/
.blink {
    color: red;
    font-size: 46px;
    animation: blink 1s linear infinite;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 10s linear infinite;
    -moz-animation: blink 10s linear infinite;
    -ms-animation: blink 10s linear infinite;
    -o-animation: blink 10s linear infinite;
}