a:focus,a:hover,a:active,button:focus,button:hover,button:active,input:focus,input:hover,input:active{outline:none !important;star:expression(this.onFocus=this.blur())}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
a{background:transparent}
a:hover,a:active{outline:0;text-decoration:none}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:12px}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
html{-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,button,input,select,textarea{font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif}
*,:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,body{
  height:100%;
  padding:0;
  margin:0;
  overflow: hidden;
}
body:before{
  content:' ';
  display: block;
  position: fixed;
  z-index:-1;
  width: 100%;
  height:100%;
}

body.defBgc:before{
  background-image:url("../images/login_bgDefault.png");
  background-repeat:round;
  background-size: cover;
}
body.enBgc:before{
  /*background-image:url("../images/login_bgDefaultEn.png");*/
  background-image:url("../images/login_bgDefaultEnAnowX.png");
  background-repeat:round;
  background-size: cover;}

.form-control::-moz-placeholder{color:#777;opacity:1}
.form-control:-ms-input-placeholder{color:#777}
.form-control::-webkit-input-placeholder{color:#777}
#demo-canvas{position:absolute;z-index:0;left:0px;top:0px;display: none;opacity: 0;}
#container{clear:both}
#login_form{
  width:450px;
  height:350px;
  position: absolute;
  right:13%;
  top:31%;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  padding:53px 50px;
  border-radius:8px;
}

.login{clear:both;overflow:hidden}
.login .logo{display:block;margin-bottom:1.5rem;margin-top:0px;}
.login .logo .title{color: #6A3ACD;font-size:1.8rem;text-align: center;margin:0;
  /*background: linear-gradient(90deg, #866ee7, #ea60da, #ed8f57, #fbd41d, #2cca91);*/
  /*-webkit-text-fill-color: transparent;*/
  /*background-clip: text;*/
  /*text-fill-color: transparent;*/
}

.login .login-input{margin-top:2px}
.login .login-input .pRow{margin-bottom:5px;line-height:40px;}
.login .login-input .pRow label{float:left;text-align:right;width:51px;color:#000000;font-size:16px}
.login .login-input .pRow .inputDiv{position:relative;width:100%;height:40px;display:block;}
.login .login-input .pRow .inputDiv input[type="text"],
.login .login-input .pRow .inputDiv input[type="password"]{
  display:block;
  height:40px;
  width: 100%;
  border-radius:3px;
  padding-left:40px;
  border:1px solid rgba(217, 217, 217, 1);
  outline: none;
  color: #444;
}

.login input:-webkit-autofill,.login textarea:-webkit-autofill,.login select:-webkit-autofill{opacity:0.6}
.login .login-input .pRow .userName,
.login .login-input .pRow .userPwd{position:absolute;left:0px;top:0px;display:block;width:39px;height:39px;font-size: 25px;
  text-align: center;
  color:#AAAAAA;
}
.login .login-input .pRow .inputDiv:hover input[type="text"],
.login .login-input .pRow .inputDiv:hover input[type="password"]{border-color:#6A3ACD;}
.login .login-input .pRow .inputDiv:hover .djDimp{color:#9043ff;}
.login .login-btn{margin-top:18px;line-height:38px}
.login .login-btn .btn{
  position: relative;
  width:100%;height:40px;color:#ffffff;text-decoration:none;text-align:center;
  background: linear-gradient(270deg, #3023AE 0%, #9043ff 100%);
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  cursor:pointer;border:0px;
}
.login .login-btn .btn:hover{
  background: radial-gradient( 96% 96% at 91% 62%, #6214ED 0%, #530FFE 24%, #1A6CF9 70%, #0095F9 100%);
  box-shadow: 0 3px 9px 4px rgba(0, 149, 249, 0.56), 0 0 10px 4px rgba(98, 20, 237, 0.56);
}
.login .login-btn .remember{float:left;width:80px;position:relative;margin-left:22px}
.login .login-btn .remember em{float:left;width:18px;height:38px;background:url(../images/login/login_check.png) no-repeat left center}
.login .login-btn .remember input{position:absolute;height:16px;width:18px;top:11px;left:0;margin:0;opacity:0;filter:alpha(opacity=0);cursor:pointer}
.login .login-btn .remember label{float:left;line-height:36px;margin-left:6px;color:#000000;font-size:14px;cursor:pointer}
.login .login-btn .remember input[type="checkbox"]:checked ~ em,.login .login .login-btn .remember.checked em{background:url(../images/login/check-select.png) no-repeat left center}
.login .error_msg{font-size:12px;margin-top:0px !important;color:#ff0000 !important;line-height:20px !important;height:20px !important;visibility:hidden}
.loginbm{position:absolute;bottom:5px;text-align:center;width:100%}
.loginbm p{text-align:center;color:#fff}
.borwser-box{display:none}