/**git样式*/
*, *:before, *:after {box-sizing: inherit;}
html{box-sizing: border-box;-webkit-text-size-adjust:100%;font-family:sans-serif;font-size:14px;}
html,body{height:100%;}
body{display: block;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "PingFang SC", "Microsoft YaHei", SimHei, SimSun, sans-serif;font-size: 14px;line-height: 1.4;min-width: 1240px;color: #40485b;    padding: 46px 0 0 0;-webkit-font-smoothing: antialiased;margin: 0;width: 100%;padding-top: 0 !important;}
.cool-content{min-height: calc(100vh - 323px);border-bottom: 1px solid transparent;}
.cool-wrapper{min-width: 1040px;min-height: 99.9vh;position: relative;}
.cool-wrapper:before, .cool-wrapper:after {content: '';position: fixed;bottom: 0;background-size: contain;background-repeat: no-repeat;z-index: -2;}
.cool-wrapper:before {width: 394px;height: 468px;background-image:url(../../images/login-left.png);left: 0;}
.cool-wrapper:after{width:487px;height:412px;background-image:url(../../images/login-right.png);right:0}
.cool-wrapper>.ui.container {margin: 0 auto;position: absolute;top: 50%;left: 50%;width: 1000px;padding: 0;z-index: 1;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.cool-body{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;width:inherit;position:relative;-webkit-box-shadow:0 20px 80px 0 rgba(0,0,0,0.3);box-shadow:0 20px 80px 0 rgba(0,0,0,0.3)}
.cool-body:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff;z-index:-1}
.cool-body .background-grey{background:#F9F9F9!important}
/*中间登录框*/
.cool-side-box,.session-form{margin:0 auto;width:50%;min-height:564px}
.cool-side-box{color:#fff;position:relative;padding:80px 80px 18px;background:-webkit-gradient(linear, left bottom, left top, from(#3a485a), to(#607089));background:linear-gradient(0deg, #3a485a 0%, #607089 100%)}
.cool-side-box::before,.cool-side-box::after {content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.cool-side-box::before{background:url(../../images/login-box1.png) no-repeat 0 0}
.cool-side-box::after{background:url(../../images/login-box0.png) no-repeat 25px 0;}
/*中间登录框-左侧*/
.cool-side-box_container{position:relative;z-index:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.cool-side-box_footer{text-align:center;font-size:14px;padding-top:15px;margin-top:24px;border-top:1px solid rgba(255,255,255,0.2)}
.cool-side-box_footer a{color:white}
.cool-side-box_footer a:hover{color:#E6E6E6}
.cool-side-box_footer a:active{color:#CCC}
.cool-side-box_icon-hot::after{content:'hot';position:absolute;font-size:12px;padding:2px 6px;border-radius:1px;margin-top:-12px;background-color:#C71D23;-webkit-transform:scale(0.84);transform:scale(0.84)}
.cool-side-box_divider{margin:0 10px}
/*中间登录框-右侧*/
.cool-form_container{height:100%;padding:64px 70px 48px;position:relative}
/*media*/
@media only screen and (max-height: 750px) {
    .session-wrapper>.ui.container{margin-top:40px;top:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
    .session-wrapper:before,.session-wrapper:after{content:none}
}
/**------ 中间登录框-右侧-form ------*/
input:-moz-placeholder{font-size:16px;}
input:-ms-input-placeholder{font-size:16px;}
input::-webkit-input-placeholder{color:#AAB2BD;font-size:14px;}
.login-form {width:100%;height:80%;display:flex;flex-direction:column;justify-content:center; /* 实现水平居中 */align-items:center;/* 实现垂直居中 */}
.form-children {flex-direction:row;align-items:flex-start;margin-top:10px;}
.login-input {position:relative;}
.login-input input {background-color:#FFF;-moz-appearance:none;appearance:none;outline:0;width:100%;height:38px;border:1px solid #d2d2d2;border-radius:2px;text-indent:36px;}
.login-input input:hover{border:1px solid #0476c0;}
.login-icon {display:inline-block;background-repeat:no-repeat;position:absolute;top:24%;z-index:2;}
.icon-left {left:10px;margin-right:3px;}
.icon-right {right:10px;opacity:0;transition:opacity 1s;}
/* 动画 */
.login-input:hover .icon-right {opacity:1;cursor:pointer;}
/* 图标旋转动画 */
.icon-animation {transition: all 1s;}
.icon-animation:hover{transform:rotate(360deg);}
.login-title{height:220px;margin-top:5%;text-align:center;color:#fff;font-size:56px;font-weight:bold;}
.login-title2{height:60px;font-size:36px;color:#fff;}
.login-context{font-size:26px;color:#fff;}
.ewm{margin-right: -20px;cursor: pointer;}
.tips{right:70px;position: absolute;top: 20px;transition: right 1s;}
.tips:hover {right: 85px;}
/** 小程序扫描切换 */
.box{opacity:0;transition:transform .3s;transform:scaleX(0.1);}
.box-animation{opacity:1;transform:scaleX(1);}
.form1 {margin-top: 60px;width: 320px !important;padding: 15px 35px 50px 35px;background: #fff;border-radius: 5px;}
.form-switch{width: 100%;height: 55px;text-align: right;}
/** 底部 */
.login-foot {width: 100%;position: fixed;z-index: 302;bottom: 0;left: 0;height: 40px;line-height: 40px;padding-top: 1px;overflow: hidden;zoom: 1;margin: 0;text-align: center;}
.foot-text{font-size: 12px;color: #778899;}
@keyframes browser{50% {transform: scale(1.5);} 0%, 100% {transform: scale(1);} }
.foot-browser{cursor: pointer;width: 24px;opacity: .7;}
.foot-browser:hover{animation: browser 1s ease-out infinite;}
.foot-google{height: 22px;width: 22px;margin-left: 5px;margin-top: -2px;transform: scale(.95);}
.foot-firefox{height: 22px;width: 22px;margin-left: 5px;margin-top: -2px;}
/** 错误提示 */
.error {top: 0;margin-top: 0;box-sizing: border-box;padding: 10px;background-color: #ffe5e5;border: 1px solid #ef6161;font-size: 12px;height: 26px;line-height: 6px;width: 100%;color: #b1344a;}
/** 验证部-icon*/
.captcha-icon {display: inline-block;background-repeat: no-repeat;position: absolute;top:18%;z-index: 2;left: 10px;color: #CCC;font-size: 20px!important;}
/** 原login.css */
.layui-form {width: 320px;margin: auto;}
.layui-form button {width: 100%;height: 44px;line-height: 44px;font-size: 16px;background-color: #4181E0;font-weight: 500;margin-left: 0;border: 1px solid #dcdfe6;color: #FFF;cursor:pointer;}
.layui-form-checked[lay-skin=primary] i {border-color: #5FB878;background-color: #5FB878;color: #fff;}
.logo{width: 48px;margin-top: 10px;margin-bottom: 10px;}
.logo-name{font-size: 26px;font-weight: 500;margin-left: 10px;color: #4181E0;display: inline-block;height: 48px;line-height: 48px;margin-top: 10px;position: absolute;}
.layui-tab-content{margin-top: 15px;padding-left: 0;padding-right: 0;}
.layui-form-item{margin-top: 20px;}
.layui-input{height: 44px;line-height: 44px;padding-left: 15px;border-radius: 3px;}
.layui-input:focus{box-shadow:0 0 3px 1px #5FB878;}
.desc{width: 100%;text-align: center;color: gray;height: 60px;line-height: 60px;}
body {background-repeat:no-repeat;background-color: whitesmoke;background-size: 100%;height: 100%;}
.code {float: left;margin-right: 13px;border: #e6e6e6 1px solid;display: inline-block;}
.codeImage {float: right;height: 40px;}
.sign {font-size: 16px;}
/** 第三方登录 */
.cool-login-oauth_container {margin-top: 24px;}
.cool-oauth_divider {display: table;white-space: nowrap;height: auto;line-height: 1;text-align: center;margin: 1rem 0;}
.cool-oauth_divider:before, .cool-oauth_divider:after {content: '';display: table-cell;position: relative;top: 50%;width: 50%;background-repeat: no-repeat;}
.cool-oauth_divider:before {background-position: right 1em top 50%;}
.cool-oauth_divider:after {background-position: left 1em top 50%;}
.cool-oauth_divider:before, .cool-oauth_divider:after {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);}
.text-muted {color: #8c92a4;font-weight: normal;}
.cool-oauth_list{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}
.cool-oauth_list>.item+.item{margin-left:48px !important}
.git-other-login-icon{color:#c9c9c9;font-size:32px;line-height:1}
.layui-icon-login-wechat{font-size:32px;color:#46d800!important;}
.layui-icon-login-qq{font-size:32px;color:#00b0fb!important;}
.layui-icon-login-weibo{font-size:32px;color:#e32932!important;}
/** 登录失败提示 */
.error {top: 0;margin-top: 0;box-sizing: border-box;padding: 10px;background-color: #ffe5e5;font-size: 14px;height: auto;line-height: 16px;width: 100%;color: #b1344a;box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 rgba(0,0,0,0);border: 1px solid #e3e9ed;}
