html {height:100%;}
body {margin:0;height:100%;padding:0;background:#dfdfdf;}
.loginbody{background-image:url(../img/loginbg.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center;}
/*------------------------header------------------------*/
.headerbox{width:100%;height:100px;background:#ffffff;border-bottom:1px solid #efefef;margin:0 auto;text-align:center;}
.headerbox .nav{max-width:1190px;margin:0 auto;}
.headerbox .logo{width:200px;height:60px;margin:20px 0;margin-right:30px;}
.headerbox .logo{background-image:url(../img/logo.png);background-repeat:no-repeat;background-position:center;background-size:198px auto;}
.headerbox .headername{border-left:1px solid #efefef;line-height:30px;height:30px;padding-left:30px;margin-top:30px;font-size:28px;font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
.headerbox .contact{line-height:30px;height:30px;margin-top:38px;font-size:30px;color:#da0000;font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
/*------------------------main-----------------------*/
.mainframe{width:100%;min-height:90vh;height:600px;padding:0;margin-top:0;margin-left:0;}
.mainframe .tablebox{width:1300px;height:550px;padding:0;background-image:url(../img/loginformbg.png);background-repeat:no-repeat;background-position:center;background-size:1300px auto;}
.mainframe .tablebox{border-radius:18px;box-shadow: 0 0 8px #b8b8b8;}
.mainframe .loginbox{width:28%;height:auto;padding:8% 6% 0 6%; min-width:360px;}
.mainframe .loginbox .title{margin:0 5px 15px 5px;-webkit-user-select:none;user-select:none;}
.mainframe .loginbox .bt{color:#888888;font-size:20px;line-height:30px;text-shadow: 0 0 2px #ffffff;cursor:pointer;-webkit-user-select:none;user-select:none;}
.mainframe .loginbox .btclick{color:#da0000;}
.mainframe .loginbox .block{margin:15px 5px;}
.mainframe .loginbox .selectbox100{width:60px;}
.mainframe .loginbox .modibox .btnsm{padding:0 10px;}
.layui-input:focus,.layui-textarea:focus {border-color:#da0000!important;box-shadow:0 0 0 3px rgba(218,0,0,.08);}
.copyright{padding:30px 0;font-size:12px;color:#999999;text-align:center;}
/*------------------------main-----------------------*/
.inputlogin{font-size:14px;height:45px;line-height:45px;padding:0 15px;border:1px solid #e2e2e2;border-radius:5px;}
.inputcode{width:calc(50% - 10px);}
.getcode{width:50%;background:#ececec;-webkit-user-select:none;user-select:none;border-radius:3px;}
.getcodebtn{width:80%;padding:0;border:0;color:#888888;text-align:center;height:40px;line-height:40px;cursor:pointer;border-radius:3px;display:inline-block;_display:inline;-webkit-user-select:none;user-select:none;}
.mainframe .loginbox .layui-icon-eye-invisible{top:6px!important;}
.mainframe .loginbox .layui-icon-eye{top:6px!important;}
.loginbtn{width:100%;padding:0;border:0;color:#ffffff;background:#df2120;height:45px;line-height:45px;cursor:pointer;border-radius:23px;display:inline-block;_display:inline;}
.loginbtn:hover{color:#ffffff;background-color:#cf1615;}

.loginlink{justify-content:flex-end;}
.errorMessage{color:#df2120;}

.fnmodibtngray{padding:0 5px;border:0;height:36px;line-height:36px;font-size:12px;color:#5f5f5f;text-align:center;background:#ffffff;border:1px solid #d2d2d2;cursor:pointer;display:inline-block;_display:inline;border-radius:3px;}
.fnmodibtngray:hover{color:#515151;text-align:center;border:1px solid #c0c0c0;}