@charset "utf-8";
/* 通用 */
html,body{width: 100%;overflow-x: hidden;}
a,button{cursor:pointer;}
.dfrb{display:flex;flex-direction:row;justify-content:space-between;align-items: center;}
.dfcb{display:flex;flex-direction:column;justify-content:space-between;align-items: center;}
.ellipsis{white-space: nowrap; /* 防止文本换行 */overflow: hidden; /* 隐藏溢出的内容 */text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */}

/* 替换layui */
.layui-btn{background-color:#076CE0;border-radius: 4px;}
.layui-input-wrap{line-height:42px;}
.layui-input{font-size:16px; height:42px;line-height:42px;}
.layui-input:focus {border-color:#076CE0 !important;}
.layui-form-checkbox[lay-skin=primary]:hover>i {border-color:#076CE0;}
.layui-form-checked[lay-skin="primary"] > i {border-color:#076CE0 !important;background-color:#076CE0;}
.layui-nav{background: none;}
.layui-nav .layui-nav-item a{color: #333; font-size:16px;}
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a {color:#076CE0;}
.layui-nav .layui-this:after,.layui-nav-bar {background-color:#076CE0;}
.layui-nav-tree .layui-nav-bar {background-color: #076CE0;}
/* 导航 */
#menu.fl{box-shadow:#00000015 0px 5px 10px;}
.menu{height: 90px;background: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 99;}
.menu .box{height: 90px;line-height: 90px;padding: 0 30px;box-sizing: border-box;}
a.logo{display: block;width:320px;height:50px;text-indent: -9999px;margin-bottom: 16px;}
.box{width:1200px; margin:0 auto;}
.services{background-color:#076CE0;border-radius:20px;}
/* banner */
.banner{width:100%;height:700px;background:#076CE0 url(/static/images/loginbanner.png) no-repeat center bottom;padding-top:90px;}
.banner .box{position:relative;height: 100%;}
.login{position:absolute;width:320px;right:20px;top:50px;z-index:9;border-radius:10px;background:#fff;overflow:hidden;padding:50px;}
.login h1{text-align:center; color:#333;font-size:32px;height:60px;line-height:60px;border-bottom:2px solid #076CE0; margin-bottom:50px;}
.login span a {color:#076CE0;}

.logmenu{height:32px;border-bottom:2px solid #EFEFEF;margin-bottom:50px;}
.logmenu a{display: inline-block;height: 32px;font-size: 16px;}
.logmenu a.cur{border-bottom:2px solid #076CE0;}
.logshow{position:relative;height:290px;text-align:center; margin-bottom:30px;}
.logshow .layui-input{font-size: 14px; height: 40px; line-height: 40px;}
.logstip{font-size: 14px;color: #999;}
.wrp_code_rl_bg, .wrp_code_rl_mask {position: absolute;left: 0;right: 0;top: 0;bottom:20px;}
.wrp_code_rl_mask {background: #fff;opacity: .9;filter: alpha(opacity=90);}
.wrp_code_rl_info {color: #222;display: inline-block;position: absolute;height: 110px;top: 50%;margin-top: -50px;width: 115px;left: 50%;margin-left: -57px;}
.wrp_code_rl_info i{font-size: 30px; color: #1E9FFF; font-weight: bold;}
.wrp_code_rl_label {font-size: 14px;padding: 15px 0;}
.loginfobt{position: absolute;bottom: 0;right: 0;width:420px;height:60px;line-height:60px;background:#F7F7F7;font-size:14px;color: #666;text-align: center;}
.loginfobt a{color: #076CE0;}
.wxbg{background-color:#4daf29;border-radius: 4px;}

.copyright{min-height:60px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#999;width:100%;line-height:30px;}
.copyright a{color:#999;}
.copyright span{margin:0 20px;}


@media screen and (max-width: 1200px) {
	.box{width:98%;}
	.username {max-width: 90px;}
}

@media screen and (max-width: 992px) {
	.copyright{flex-wrap: wrap;padding: 20px 0;}
}

@media screen and (max-width: 768px) {
	a.logo{width: 126px;}
	
}

@media screen and (max-width: 576px) {
	.menu {height:70px;}
	.menu .box {height:70px;line-height:70px;padding: 0 8px;}
	a.logo {margin-bottom: 0px;}
	.layui-nav{padding-right: 0px;}
	.services{height:30px;line-height:30px;padding: 0 10px;}
	.services span{display: none;}
	.banner {padding-top: 70px;}
	.login{position:relative;width:auto;right:0;padding:50px 30px;}
	.login h1{font-size: 22px;}
	
	.logmenu a{font-size: 14px;}
	.loginfobt{width: 100%;}
}

@media screen and (max-width: 450px) {
	.layui-form-item .layui-form-checkbox {margin: 0;}
	
}