@charset "utf-8";
html,body{
	scrollbar-3dlight-color:#d6e5f9;
	scrollbar-highlight-color:#fff;
	scrollbar-face-color:#ecf4fa;
	scrollbar-arrow-color:#3285f5;
	scrollbar-shadow-color:#ecf4fa;
	scrollbar-darkshadow-color:#d6e5f9;
	width:100%;height:100%;overflow:hidden;margin:0px;padding:0px;
	min-height:600px;min-width:800px
}
#map{position:absolute;left:0;right:0;top:0;bottom:0;height:100%;width:100%;overflow:hidden;}
#map div{position:absolute;display:block;left:0;right:0;text-align:center;}
#map i{position:absolute;top:50%;margin-top:-235px;left:50%;margin-left:-50px;display:block;border-radius:100%;width:100px;height:100px;background:url(images/logo.png) no-repeat center center;}

.left{top:0;font-size:0;width:70%;height:100%;background:#FAFAFA url(images/login.png) no-repeat center center;background-size:60% auto}
.right{left:70% !important;height:100%;}

.bodyer{top:50%;right:0;margin:-250px auto 0 auto;width:380px;height:450px;overflow:hidden;z-index:99;color:#ccc;font-size:14px;}
.bodyer div{height:100%;width:100%;text-align: left !important}
.bodyer h4{font-size:28px;letter-spacing:6px;margin-bottom:60px;color:#333;padding-left:10px;}
.bodyer p{width:300px;margin:20px 10px;position:relative;display:flex;align-items: center}
.bodyer p.line{border-bottom:1px solid #ccc;text-align:left;}
.bodyer p label{width:90px;text-align:left;display:inline-block;}
.bodyer p a{position:absolute;left:0px;color:#63BE7E;font-size:18px}
.bodyer p:last-child{display: block;text-align: center}
.footer{bottom:0px;height:60px;line-height:60px;color:#303030;font-size:14px;}

input{outline:none}
.input{border:none;height:35px;line-height:35px;width:220px;padding-left:30px;border-radius:0px;-webkit-border-radius:5px;color:rgba(0,0,0,0.7);font-size:14px;outline:none;box-sizing: border-box;}
.input:focus{}
input:-webkit-autofill {background-color:transparent !important;-webkit-box-shadow: 0 0 0 1000px white inset}
::-webkit-input-placeholder {color: #8c8c8c;} 
:-moz-placeholder {color: #8c8c8c;} 
::-moz-placeholder {color: #8c8c8c;} 

.label{display:inline-block;height:22px;line-height:25px;font-size:9pt;text-align:right;font-weight:bold;padding-right:5px;color:white;width:70px;letter-spacing:1px}
.x-button{font-size:14px;border:none;height:35px;line-height:35px;width:300px;background-color:#129D3C;color:white;padding:0px 10px !important;border-radius:5px;-webkit-border-radius:5px;cursor:pointer;margin-bottom:5px;margin-top:40px;}
.x-button:hover{opacity:.8;filter: alpha(opacity=80);}

.code{width:127px;ime-mode:disabled}
#validcode{width:90px;height:35px;position:absolute;right:0;}

.layui-layer-iframe{border-radius: 10px;overflow:hidden;}
.layui-layer-title{background-color:white !important;height:45px;line-height:45px;font-size:20px;padding:0 20px;text-align:center;color:#303030;font-size:16px;}
.layui-layer-iframe .layui-layer-title{height:60px;line-height: 60px;font-weight:bold;letter-spacing: 1px}
.layui-layer-iframe .layui-layer-setwin a{margin-top:10px;}

.checkbox{position: relative;width:30px !important;margin-top:5px;}
.checkbox input{display: none}
.checkbox span{display: inline-block;width: 14px; height: 14px;border:0.5px solid rgba(48,48,48,0.25);border-radius:2px;}

.checkbox input:checked+span {background: #129D3C;border:0.5px solid #129D3C;}
.checkbox span:after{box-sizing: content-box;content: "";border:1px solid #fff;border-left: 0;border-top: 0;width: 5px;height:8px;position: absolute;top:1px;left: 5px;transform: rotate(45deg) scaleY(0);transform-origin: center;transition: transform .15s ease-in .05s;}
.checkbox input:checked+span::after {transform: rotate(45deg) scaleY(1);}
.tip{width:auto !important}