/* 登录页面 */
html,body{height: 100%; }
input::-webkit-input-placeholder{color:#bbc0c3;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#bbc0c3;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#bbc0c3;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#bbc0c3;}
.kch-loginBox{height: 100%;background-image: url(https://www.kchuhai.com/common/img/loginBg.jpg); background-repeat: no-repeat; background-size: 100% 100%;}
.kch-login{width: 600px; height: 620px; border-radius: 20px;overflow: hidden; position: relative; padding: 20px 120px; z-index: 2;}
.kch-loginCode{width: 400px;bottom: 60px;}
.layui-tab{margin: 0;}
.layui-tab-content{padding-left: 0;padding-right: 0;}
.kch-loginRightTop{top: 30px; right: 30px;}
.kch-inputL{color: #868c92; height: 30px; background-color: #ebeff0; border-radius: 15px; padding: 0 15px; position: absolute; pointer-events: none; margin-top: 1px;}
.kch-inputBox{background-color: initial;}
.kch-input{border-color: transparent; border-bottom-color:#d4dfee; padding-left: 100px; height: 66px; font-size: 20px;}
.kch-input:hover,.kch-input:focus{background-color:#fff; box-shadow: initial; border-color: transparent; border-bottom-color:#1a66e4;}
.kch-passwordShow{position: absolute; right: 0; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 18px; cursor: pointer;} 
.kch-Btn{height: 48px; line-height: 48px; border-radius: 24px; font-size: 16px;}
.kch-smTip{position: absolute; left: -105px;}
.text-white:hover{color: #fff;}
input:-webkit-autofill{transition: background-color 5000s ease-in-out 0s;}/* 浏览器选择记住的密码后input框颜色 */
/* 注册 */
.kch-zhuceBox{width:322px ; height: 265px; overflow: hidden;}
.kch-zhuceIcon1{background-color: #31aaf9;height: 178px;}
.kch-zhuceIcon2{background-color: #e77b66;height: 178px;}
.kch-registerBg{width: 100%;height: 240px;margin-top: 70px; overflow: hidden;}
.kch-registerCom{background: #31aaf9 url(https://www.kchuhai.com/common/img/registerBg.svg) no-repeat 50%;}
.kch-registerUser{background: #e77b66 url(https://www.kchuhai.com/common/img/registerBg.svg) no-repeat 50%;}
.kch-registerTxt{width: 800px; margin: 0 auto; margin-top: -100px; border-radius: 2px; z-index: 3;}
.pl-7{padding-left:70px ; }
.kch-childBtn:nth-child(7){margin-right: 0;}
.kch-registerInput{width: 100%; padding: 0 10px;  height: 40px; border-radius: 4px; border: 1px solid #d2d7d9;}
.layui-form-select .layui-input{width: 100%; padding: 0 10px;  height: 40px!important; border-radius: 4px; border: 1px solid #d2d7d9;}
.kch-userTextarea{border-radius: 4px!important;}
.kch-registerInput:hover,.kch-registerInput:focus{border: 1px solid #307bf8;background-color:#fff; box-shadow: 0 0 6px rgba(27,102,229,0.2);}
.layui-upload-drag{width: 200px; height: 120px;}
.layui-layer-btn{display: flex; justify-content: center;}
.kch-zhuYi{background-color: #eff4fb; height: 50px; border-radius: 6px;display: flex; justify-content: flex-start; align-items: center; color: #52575d; font-size: 12px; padding: 0 15px;}
.kch-zhuYi .icon-f-gant{width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 9px; background-color: #307bf8; color: #fff; }
.kch-zhuYi strong{color: #307bf8;}
/* 找回密码 */
img.kch-obtainBtn{padding: 0;}
.kch-retrieveBox{height: 368px;}
.layui-form-checkbox span{font-size: 12px;}
/* 选框 */
.kch-quyuBox .layui-form-checkbox{padding-right: 0;height: 56px; margin-right: 0;width: 195px; max-width: 195px; }
.kch-quyuBox .layui-form-checkbox span{background-color: #fff; color: #666; border: 1px solid #ddd; height: 56px;  border-radius: 2px;padding:8px 10px;}
.kch-quyuBox .layui-form-checkbox span{font-size: 15px;line-height:20px;}
.kch-quyuBox .layui-form-checkbox span p{font-size: 12px;line-height:20px;color: #999;}
.kch-quyuBox .layui-form-checkbox span:hover{opacity: 0.85;background: #f9f9f9;}
.kch-quyuBox .layui-form-checked span{background-color: rgba(37,85,165,0.05); color: #2555a5; border: 1px solid #3160af; font-weight: bold; box-shadow: 0 0 10px rgba(21,98,225,0.45); }
.kch-quyuBox .layui-form-checked span p{ color: #597bb3;opacity: 0.8;  }
.kch-quyuBox .layui-form-checked span:hover{opacity: 0.85;}
/* 二维码 */
.kch-codeLoginBox{width: 240px; height: 240px;position: relative; border: 1px solid #e1e1e1; border-radius: 16px; overflow: hidden; }
.kch-codeExpire{position: absolute;width: 238px; height: 238px; background-color: rgba(255,255,255,0.95);}
.kch-codeLoginBox img{width: 238px; height: 238px;}
.px-7{padding-left: 70px; padding-right: 70px;}
/* 新增提示样式 */
.kch-smTipNew{background-color: #f3f8ff;border:1px solid #ccd7eb; color: #307bf8; border-right: none; height: 27px; font-weight: 700;}
img.kch-smTip{left:-63px;}
/* h5响应式布局 ↓↓↓↓↓↓↓↓ */
@media screen and (max-width: 800px) {
	.kch-loginBox{height: auto; padding-bottom: 50px;background-size: 100% auto;}
	.aLogin{display: none;}
	.bLogin{display: flex;}
	.kch-loginBox{justify-content: flex-start;}
	.kch-loginBox>.kch-login{width: 92%; padding: 15px; height: auto;}
	.kch-loginBox .kch-loginRightTop{display: none;}
	.kch-loginBox .bLogin .flex.justify-start.mb-5{display: none;}
	.kch-loginWzBox{width: 100%; margin-left: 10px; flex-wrap: wrap; margin-bottom: 0;}
	.kch-loginWzBox>div{margin-bottom: 12px;}
	.w-100.position-fixed.top-20{position: relative!important; top: 0!important; margin-bottom: 50px; margin-top: 50px;}
	.w-100.position-fixed.top-20>div{justify-content: center; padding-top: 10px;}
	.w-100.position-fixed.top-20>div img{width: 150px;}
	.dw.text-white.font-14.px.flex.justify-start.align-center.position-relative.kch-menuLH.kch-userHover{display: none;}
	.kch-topNavMenu2{padding-left: 15px;}
	.dluzhuce{display: none!important;}
	.w-800{width: 100%!important;padding: 0!important;}
	.w-800 .my-5{margin-top:20px; margin-bottom:0px; display: none;}
	.w-800>div:nth-child(2){flex-direction: column;}
	.kch-zhuceBox{margin-bottom: 20px;}
	.kch-registerBg.py-3{padding:15px!important ; }
	.kch-registerTxt{width: 100%;}
	.kch-registerTxt>div:nth-child(1){padding-left: 15px; padding-right: 15px;}
	.font-14.font-weight-bold.text-dark.px-3{padding-left: 15px; padding-right: 15px;}
	.w-100.pl-7.pr-5.py-3.flex.flex-column{padding:15px!important ; }
	.kch-childBtn{width: 23%!important;margin-right: 2%!important;}
	.kch-childBtn:nth-child(7){margin-right: 2%;}
	.w-320.mr-2{width: 100%; margin-right: 0;}
	.w-100.pl-7.pr-5.py-3.flex.flex-column span.text-999.font-12{width: calc(100% - 120px); padding-left: 10px; }
	.yanzhengBox{width: 94%!important;margin-left: inherit!important; left: 3%!important;}
	.kch-zhuYi{flex-wrap: wrap;display: inline-table; height: auto; padding: 5px 10px;}
	.kch-zhuYi .icon-f-gant{display: inline-table;}
	.w-100.flex.justify-between.align-center.mb-3{width: initial!important; margin-left: initial!important;}
	.kch-topNavMenu{position: relative!important; width: initial!important; background-color: initial!important; left:initial!important; box-shadow: initial!important; top: initial!important;}
	.kch-topNavMenu>span,.kch-topNavMenu>div{display: none;}
	.kch-topNavMenu a{display: block!important;}
	.kch-registerBg{margin-top: 45px;}
	.dw.text-999.font-14.px.flex.justify-start.align-center.position-relative.kch-menuLH.kch-userHover{display: none;}
}