/**
  Login Css
  Create by:	Jin Ya Jun
  Create date:	05/27/2020
  History:
	  Append - 11/12/2014 - Jin Ya Jun
	  		   Create the global css file
	  Modify - one ......
	  Modify - two ......
**/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; outline:none 0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a{border:0; outline:none 0;}
address,caption,em,strong,th{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% "微软雅黑","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html, body, form{font:12px/18px "微软雅黑","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; cursor:default; background:url(../../images/appmgr/login/background.jpg) center bottom no-repeat #92321c;}
form{height:auto; background:none;}
html, body { background: url(../../images/appmgr/login/background.jpg) center top no-repeat #7e1b10; height:100%;background-size:100%; }
em,i,b{font-style:normal;}
strong{font-weight:bold;}
.clear{display:block; height:auto; width:auto; padding:0; margin:0; clear:both; font-size:0; line-height:normal;}

/***************************
   Common Font&Link Css 
 ***************************/
a{color:#000; text-decoration:none;}
a:hover{color:#AD1F24; text-decoration:underline;}

 /***************************
   Layout Css 
 ***************************/
.login_form{width:480px; position:absolute; left:0px; top:0px;}
.lf_header{position:relative; height:237px; margin-bottom:40px;}
.lf_header .logo{width:543px; height:237px; top:0; left:-31.5px; position:absolute; background:url(../../images/appmgr/login/logo.png) center center no-repeat;}
.lf_footer{padding:20px 0; text-align:center; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.5); opacity:.6;}
.lf_footer a{color:#fff;}
.lf_body{width:380px; position:relative; margin:0 auto;}
.lf_body>dt{text-align:center; margin-bottom:20px;}
.lf_body>dt>a{display:inline-block; text-decoration:none; font-size:18px; font-weight:bold; text-align:center; color:#fff; text-shadow:0 1px 4px rgba(0,0,0,0.45); margin:0 10px; cursor:pointer;}
.lf_body>dt>a i{height:4px; width:20%; display:block; margin:10px auto 0 auto; background:none; border-radius:3px;}
.lf_body>dt>a:hover{color:#fff666;}
.lf_body>dt>a.se{color:#fff666; text-shadow:0 1px 4px rgba(0,0,0,0.45);}
.lf_body>dt>a.se i{background:#fff666; box-shadow:0 1px 4px rgba(0,0,0,0.45);}
.lf_body>dd{position:relative;}
.lf_scanCode{text-align:center; padding:40px; background:#fff; width:160px; margin:0 auto; z-index:80;}
.lf_scanCode>img{display:block; width:160px; height:160px; margin-bottom:20px;}
.lf_scanCode>span{display:block; text-align:center;}
.lf_loading{text-align:center; padding:40px; background:#fff; width:160px; margin:0 auto; z-index:80;}
.lf_loading>img{display:block; width:24px; height:24px; margin:68px 68px 88px 68px;}
.lf_loading>span{display:block; text-align:center;}
.lf_tips{position:absolute; top:0; left:70px; bottom:0; z-index:88; width:160px; padding:40px; background:rgba(255,255,255,0.95); text-align:center; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
.lf_tips>img{display:block; height:64px; width:64px; margin:0 auto; margin-bottom:10px;}
.lf_tips>h2{font-size:16px; margin-bottom:10px;}
.lf_tips>p.desc{color:#000; margin-bottom:10px;}
.lf_tips>p.btn{}
.lf_tips>p.btn a{font-size:14px; color:#000; color:#c74f2d;}
.lf_tips>p.btn a:hover{color:#772917;}

.lf_ctrl{background:#fff; height:42px; margin-bottom:10px; overflow:hidden;}
.lf_ctrl span{color:#888; font-size:14px; width:100px; float:left; height:42px; line-height:42px; text-align:center; border-right:solid 1px #eee; background:#fafafa;}
.lf_ctrl input{border:none 0; float:left; height:42px; font-size:14px; width:279px; padding:0 9px; box-sizing:border-box; color:#2b3245;}

.lf_safecode{margin-bottom:20px;}

.lf_container{background:#fff; padding:30px;}

.lf_button{text-align:center; margin-bottom:20px;}
.lf_button a{display:inline-block; height:36px; line-height:36px; padding:0 30px; text-decoration:none; color:#fff; background:#b61c1c; margin:0 4px; transition:all .3s; -webkit-transition:all .3s;}
.lf_button a:hover{background:#a00000;}
.lf_button a:active{background:#d96000;}

.lf_button a.login_button_disabled{background:#aaa; color:#fff;}

.back_area{position:fixed; left:0; right:0; bottom:0; width:100%; height:36px; padding:20px 0; text-align:center; background:#fff;}
.back_area a{display:inline-block; height:36px; line-height:36px; padding:0 30px; text-decoration:none; color:#fff; background:#ec683a;}
.back_area a:hover{background:#d95b33;}
.back_area a:active{background:#c74f2d;}

.np_header{text-align:center; padding:30px 0;}
.np_body{width:720px; margin:0 auto;}
.np_body .np_title{text-align:center; font-size:20px; color:#000; margin-bottom:15px;}
.np_body .container{background:#fff; padding:30px;}
.np_body .container .step{font-size:14px; padding:30px 10px 10px; color:#000; font-weight:bold; text-align:center;}
.np_body .container .imgs{text-align:center;}

.np_footer{text-align:center; color:#fbf7f8; text-shadow:0 1px 1px rgba(0,0,0,.5); line-height:18px; padding:20px 0 86px 0;}