@charset "utf-8";

a {color: #0089BD;}
.layui-form-checked[lay-skin=primary] i {background-color: #03A9F4; border-color: #03A9F4;}
.layui-form-checkbox[lay-skin=primary]:hover i {border-color: #03A9F4;}

/*** 外部样式 ***/
.form-control {border: 1px solid #e1e8ee; box-shadow: none; border-radius: 3px; transition: all .2s ease-in-out; font-weight: 300;}
.form-control:focus {box-shadow: none; border-color: #1bb1f5;}
.form-group {position: relative;}
.form-group.has-icon i {font-size: 14px; position: absolute; top: 25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: 20px;}
.form-group.has-icon i:after {content: ""; height: 30px; width: 1px; border-right: solid 1px #e1e8ee; position: absolute; top: 50%; left: 30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.form-group.has-icon input {padding-left: 68px;}
.form-group.has-right-icon i {position: absolute; right: 1rem; top: .7rem;}
.has-warning .form-control {border-color: orange;}
form label {margin-bottom: 5px; font-size: 12px; font-weight: 400; line-height: 1.9;}
.form-control-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {border: 2px solid #E1E8EE; border-radius: 5px; color: #43484D; font-size: 14px; height: 50px; padding: 15px; width: 100%;}
.form-control-lg:focus, .input-group-lg>.form-control:focus, .input-group-lg>.input-group-addon:focus, .input-group-lg>.input-group-append>.btn:focus, .input-group-lg>.input-group-append>.input-group-text:focus, .input-group-lg>.input-group-prepend>.btn:focus, .input-group-lg>.input-group-prepend>.input-group-text:focus {border-color: #03a9f4!important;}
.input-group-lg>.input-group-append>textarea.btn, .input-group-lg>.input-group-append>textarea.input-group-text, .input-group-lg>.input-group-prepend>textarea.btn, .input-group-lg>.input-group-prepend>textarea.input-group-text, .input-group-lg>textarea.form-control, textarea.form-control-lg {min-height: 100px; padding: 0 .85rem;}
input[type=checkbox], input[type=radio] {margin-right: 10px!important;}


/*** Login ***/
.login {position: relative; z-index: 2; left: 419px; top: 100px;}
.be-content {max-width: 410px; margin: 200px auto 0; background-color: rgba(255,255,255,1.0); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); border-width: 0; border-radius: 3px;}
.br-content {width: 301px; margin: 30px auto 0; padding-bottom: 30px;}
.bootint {width: 300px;}
.apply {margin-top: 300px;}
.ioc_text {text-align: center; position: relative; height: 90px;}
.ioc_text span {width: 100%; float: left; margin-top: 70px; font-size: 14px; color: #88959F;}
.ioc_text img {position:absolute; width: 100px; padding: 7px; border-radius: 50%; background-color: rgba(255,255,255,.90); top:-45px; left: 50%; margin-left: -50px; box-shadow: 0 2px 5px rgba(136,149,159,.25)}
.bg_blue img {background-color: #3587D8 !important;}
.ioc_text .layui-red {color: #FE0000;}
.br-text {font-size: 12px; padding: 10px 0 20px;}
.btn {width: 300px; height: 40px; color: white; background-color: #0089BD;}
.btn:hover,.btn:focus {color: white;}

.form-control {background-color: #FFF;}
.form-group.has-icon input { padding-left: 60px;}
.form-group.has-icon i {position: absolute; font-size: 18px; color: #8D9498; margin: 0 0 0 16px;}
.form-control::placeholder{opacity:0.5;}
.form-group {font-size: 12px; clear: both; margin-bottom: 20px;}
.form-control-code {width: 190px;}
.login-btn {width: 100%; height: 50px; line-height: 50px; border-radius: 5px; font-size: 15px; color: #FFF; letter-spacing: 2px; border: none; box-shadow: 0 1px 5px rgba(51,138,253,.15);  background: linear-gradient(90deg, #27C2F2, #3389FD); cursor: pointer; transition: all .2s ease-in-out;}
.login-btn:hover {box-shadow: 0 5px 10px rgba(51,138,253,.25);}

/*** 隐藏、显示二维码 ***/
.be-con,.layui-text-right {width: 330px; padding: 25px 0; font-size: 12px; margin: 0 auto; text-align: center; border-top: 1px solid #EEE; display:none;}
.be-con {}
.be-con span {line-height: 30px; display: inline-block; margin-top: 5px;}
.be-con img {}

.layui-text-right {padding: 0; font-size: 12px; border: none; display: block;}
.layui-text-right a,.layui-text-right a span {display: inline-block; line-height: 30px; color: #AAA; margin-bottom: 3px;}

.layui-text-right .layui-icon {float: left; margin-right: 5px;}
.layui-text-right a span.closed {display: none;}

.bg {width: 100%; height: 100%; background: url("../images/login_bg_new.png") no-repeat; background-size: cover; position: fixed; top: 0; left: 0; z-index: 1;}
.bg_law{background: url("../image/login_bg_lawsuit.jpg") no-repeat;}

.layui-img {display: inline-block; position: absolute; width: 90px; right: 7px; top: 7px; cursor: pointer;}
.alert {height: 36px; line-height: 36px; padding: 0 10px; font-size: 12px; margin-bottom: 10px; background: #E74A25;  color: #FFF;  border-color: #E74A25;}
.alert i {margin-right: 10px; font-size: 16px;}