@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:52px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAnCAMAAABHaIrNAAAAGFBMVEVMaXEDi9Cr1HQAtKYAWqwAr6sXuJ8Ap6ckDOfTAAAACHRSTlMAgJnMs+br8Ivib18AAAA6SURBVHja7coxDgAgCARBFJX//9iEayTSG+JNuystIdBv3AvuExSW415wDzQhwX/7cAbP91Mo3OvtG4QpDCM4ekSQAAAAAElFTkSuQmCC");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}