@charset "utf-8";
@import "font/iconfont.css";
html{font-size:14px}
html,body{width:100%;height:100%;overflow:hidden;background:none;margin:0;padding:0;color:#333}
body{font-family:Arial,-apple-system-font,Helvetica Neue,sans-serif;background-position:center;background-repeat:no-repeat;background-size:cover}
body:after{clear:both;content:"";position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:4;background:rgba(0,0,0,.2)}
.block{display:block;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1;background:none;width:100%;height:100%}

.block canvas{display:block;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}
.jieri{left:auto;top:0;right:0;width:228px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:2.5rem;font-weight:800;font-family:"楷体";color:yellow;background-repeat:no-repeat;background-size:contain;background-position:top center;background-image:url("../img/jieri.png");text-shadow:0 0 5px rgba(0,0,0,.5);padding:220px 48px 0 135px;opacity:0}
.jieri canvas{position:fixed;left:0;top:0;width:100%;height:100%}
video{display:block;min-width:100%;min-height:100%;position:absolute;z-index:0;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.box{-webkit-box-sizing:border-box;box-sizing:border-box}
.unselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}
.loginbox{width:320px;position:absolute;left:50%;top:50%;background-color:rgba(255,255,255,.7);z-index:5;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:30px 40px 10px 40px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.loginbox:after{display:block;clear:both;content:"";text-align:center;font-size:1rem;color:#333;opacity:.5}
.loginbox .logo{height:70px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/png;base64,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");margin-bottom:10px}
.loginbox h1{font-size:1.5rem;text-align:center;font-weight:400;margin:0;padding:0;line-height:normal;color:rgba(0,0,0,.6);margin-bottom:20px}
.loginbox .input,button{width:240px;height:40px;background-color:rgba(255,255,255,.7);border-radius:20px;margin-bottom:15px;overflow:hidden;border:0}
button{outline:0;font-size:1.1em;color:#fff;cursor:pointer;position:relative}
button:after{-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;clear:both;content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(255,255,255,1);opacity:0}
button:hover:after{opacity:.1}button:active:after{opacity:.2;}
button:disabled{color:rgba(255,255,255,.3);cursor:not-allowed!important}button:disabled:after{opacity:.4}
.loginbox .input:before{clear:both;content:"";color:rgba(0,0,0,.4);font-weight:600;font-family:"iconfont";display:inline-block;text-align:center;width:40px}
.loginbox .input.user:before{content:"\e604"}.loginbox .input.pass:before{content:"\e608"}.loginbox .input.code:before{content:"\e600"}
.loginbox .input input{width:180px;height:100%;border:0;outline:none;background:none;position:relative;z-index:1}
.loginbox .input input#code{width:100px}
.loginbox .input img{vertical-align:middle;opacity:.5;position:relative;z-index:2;cursor:pointer}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#CFCFCF}
input::-moz-placeholder,textarea::-moz-placeholder{color:#CFCFCF}
input:-moz-placeholder,textarea:-moz-placeholder{color:#CFCFCF}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#CFCFCF}
.tishi{text-align:center;height:30px;line-height:normal;color:#ff0000;font-size:12px}