@charset "utf-8";

a {color: #0089BD;}
body {}

/** #mydiv {width: 100%; height: 100%; background-color: #F7F8F9; position: fixed; top: 0; left: 0;  z-index: 1;} **/
.mydiv {width: 100%; height: 100%; background: url(../images/login_bg_new.jpg) no-repeat; background-size: cover; position: fixed; top: 0; left: 0;  z-index: 1;}

.login {position: relative; z-index: 2; left: 419px; top: 65px;}
.be-content {max-width: 410px; margin: 200px auto 0; background-color: rgba(255,255,255,.90); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); border-width: 0; border-radius: 3px;}
.br-content {width: 301px; margin: 0 auto; padding-bottom: 30px;}
.bootint {width: 300px;}
.ioc_text {text-align: center; position: relative; height: 90px;}
.ioc_text span {display: inline-block; font-size: 14px; margin-top: 45px;}
.ioc_text img {position:absolute; width: 70px; padding: 10px; border-radius: 50%; background-color: rgba(255,255,255,.90); top:-30px; left: 50%; margin-left: -30px;}
.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;}


    /***/
.layui-right {float: right;}
.bootint {width: 300px;}
.mb-4, .my-4 {margin-bottom: 1.5rem !important;}
.mb-2, .my-2 {margin-bottom: 0.75rem !important;}
.layui-icon {font-size: 18px !important; text-align: center!important;}

.input-group-text {display: -ms-flexbox; display: flex; width: 38px; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.65rem; margin-bottom: 0; font-weight: 700; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #E9ECEF; border: 1px solid #CED4DA; border-radius: 0.25rem;}
.input-group-prepend, .input-group-append {display: -ms-flexbox; display: flex;}
.input-group-prepend {margin-right: -1px; width: 38px; height: 38px;}

.form-control {display: block; width: 100%; height: 38px; padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #FFF; background-clip: padding-box; border: 1px solid #CED4DA; border-radius: 0.25rem; font-size: 14px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;}
.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file {position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0;}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.input-group {position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%;}
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {border-top-right-radius: 0; border-bottom-right-radius: 0;}

.br-text input { float: left; margin: 2px 5px 0 0;}

/*** 隐藏、显示二维码 ***/
.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;}