@charset "utf-8";

.wrap{ position:fixed; top:0; right:0; bottom:0; left:0; background: #000 left center no-repeat; background-attachment: fixed; background-size: cover;}

.logo{ position: fixed; top: 50px; left:50px; width: 350px; height: 65px; background: url(../images/logo_b.png) no-repeat; z-index: 2;background-size: contain;}
.logo_title{ position: fixed; top: 50px; left:410px; width: 450px; height: 65px;color: #fff; font-size: 24px;}
.ercode{ position: fixed; top: 60px; left: 16px; padding:10px; background: #fff; z-index: 99;}
.ercode img{ width: 110px; height: 110px;}
.code{ float: left;}
.hide-code{ display: none; float: left; margin-left: 5px;}
.hide-code .code{ margin:0 5px;}
/*.toggle{ position: absolute; top: 0; left: 130px; display: inline-block; width: 16px; height: 100%; background: #fff url(../images/Back_16px_r.png) left center no-repeat;}*/
/*.tgl{ background: #fff url(../images/Back_16px.png) left center no-repeat;}*/

.loginfixed{ display: none; position:fixed; top:50%; right: 10%; width: 380px; background: inherit;-webkit-filter: blur(5px);-moz-filter: blur(5px);-ms-filter: blur(5px);-o-filter: blur(5px);filter: blur(5px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}
.login-box{ position: absolute; top:50%; right:10%; width: 380px; z-index: 3;}


.welcomeMsg{ position: fixed; left: 30px; bottom: 180px; color: #fff; font-size: 24px; z-index: 99; }
.nowtime{ margin-left: 16px; color: #fff;}
.login{ padding: 20px 0; }
.login-user,.login-pwd{ margin-bottom:22px;overflow: hidden;}
.ipt{ width:100%; height:38px; line-height:38px; border:none; border-bottom:1px solid rgba(255, 255, 255, 0.3); background:none; color:#fff; font-size:16px;}
.ipt:focus{ color:#eee; border-bottom-color: rgba(255, 255, 255, 0.8);}
.check-box{ text-align: left; line-height: 14px; margin-bottom: 60px; color: rgba(255, 255, 255, 0.5); }
.get-pwd{ float: right; color: rgba(255, 255, 255, 0.5);}
.get-pwd a{ margin:0 5px; color: rgba(255, 255, 255, 0.5);}

.weather-bg{position: fixed;bottom: 70px;left:30px;width: 700px;height: 80px;z-index: 100;}
.weather1{ position: fixed; bottom: 70px; left:30px; width: 560px; height: 80px; z-index: 99;overflow: hidden;}

.log-tab {position: relative;font-size: 14px;color: #fff; }
.log-tab-hd { height: 56px; }
.log-tab-hd::after { clear: both; content: " ";display: block; }
.log-tab-items{ display: table; width: 100%;}
.log-tab-items li { display: table-cell; text-align: center; height: 56px;font-size: 16px; color: rgba(255, 255, 255, 0.4); line-height: 56px;cursor: pointer; *float: left; }
.log-tab-items li:hover { color: #fff; }
.log-tab-items li.crt { border-bottom: 2px solid #018fff; color: #fff; font-weight: bold; }
.log-tab-cont {padding: 10px 0; min-height: 200px; text-align: center; }
.hide{display: none;}



/*登录按钮*/
.btn{ margin:10px 0; padding:0 12px; display:inline-block; height:48px; border:1px solid #018fff; background-color:#018fff; color:#fff; letter-spacing: 10px; text-align:center; font-size:18px; cursor:pointer;}
.btn:hover{ background-color:transparent; border-color:#ccc;}
.btn-block{ display:block; width:100%; text-align:center;}
.btn-sm{ background: transparent; border:1px solid #ccc;}
.btn{ position: relative; transition:all 300ms ease 0s;}
.btn::before, button::after{ position: absolute; top: 0; right: 0; width: 0; background: #fff; content: ""; height: 1px; transition:all 600ms ease 0s;}
.btn::after{ left:0; bottom:0; right: inherit; top: inherit;}
.btn:hover::before, .btn:hover::after{transition:all 800ms ease 0s; width: 100%;}

.w40p{ width: 30%; float: right;}
.w60p{ width: 60%; float: left;}
.w40p button{ font-size: 14px; margin:0; height: 39px; letter-spacing: 2px;}

.footer{ position:fixed; right:0; bottom:0; left:0; padding: 0 16px; height:40px; line-height:40px; text-align: left; background:#00479d; font-size: 14px; color:rgba(255, 255, 255, 0.2);}
/*.client{ position: absolute; right: 0; bottom: 0; height: 40px; width: 226px; background: #ea5404 url(../images/client.png) center center no-repeat;}*/
.footer .nav{ position: absolute; right: 250px; bottom: 0; line-height: 40px; color: #fff;}
.footer .nav li{ display: inline-block; margin:0 5px;}
.footer .nav li a{ color: #fff;}
.footer .nav li a:hover{ text-decoration: none;}
input::-webkit-input-placeholder {
  opacity: 1; }

input:-moz-placeholder {
  opacity: 1; }

input::-moz-placeholder {
  opacity: 1; }

input:-ms-input-placeholder {
  opacity: 1; }


@media (max-width: 1000px) {
  .loginfixed{display: block; width: 420px;}
  .login-box{ padding: 0 20px; background:url(../images/login_bg.png) repeat; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 2px; *box-shadow: 0 0 5px #ddd;}
  .client{ display: none;}
  .footer .nav{ right: 20px;}
}

@media (max-width: 960px) {
    .nowtime{ display: none;}
}

@media (max-width: 900px) {
    .footer .nav{ display: none;}
}

@media (max-width: 800px) {
    .welcomeMsg{ display: none;}
}
@media (max-width: 660px) {
    .ercode{ display: none;}
}


#bg-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);object-fit: cover; height: 100%; width: 100%; }
#video-cover { position: absolute; width: 100%; height: 100%; background: url("../images/video_bg.jpg") no-repeat;background-size: cover; background-position: center; }
#play img { width: 100px; }
#pause img { width: 90px; }
#pause { display: none; }
#overlay {position: absolute; top: 0; right: 0; left: 0; bottom: 0;background: rgba(0, 0, 0, 0.2); }

.canvas{ position: fixed; top: 0; right: 0;bottom: 0; left: 0;}
.canvas iframe{ width: 100%; height: 100%;}



.gui-log-wrap{
  background: rgba(255, 255, 255, 0.8)
}
.gui-login .gui-ipt{
  border-color: transparent transparent #c8c8c8;
}
.gui-login .gui-ipt:focus{
  border-color: transparent transparent #25b592;
}
.gui-login .gui-btn-block {
    background: #25b592;
}
.gui-login .gui-btn-block:hover {
    background: #3bbd9d;
}
.mblwrap{background: inherit; -webkit-filter: blur(5px);-moz-filter: blur(5px);-ms-filter: blur(5px);-o-filter: blur(5px);filter: blur(5px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-text-fill-color: #495060 !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    /*//背景色透明  生效时长  过渡效果  启用时延迟的时间*/
    transition: background-color 50000s ease-in-out 0s;
    color: #333;
}

input {
    background-color: transparent;
}  

.half-l{
  float: left;
  width: 60%;
  height: 100%;
}
.half-r{
  float: left;
  width: 38%;
  height: 50px;
  overflow: hidden;
}
.gui-form-row{
  padding: 8px 0;
}
.gui-btn-wrap{
  margin:10px 0;
}
.code{
  float: right;
  height: 35px;
  margin-top: 15px;
}


.alert-danger, .alert-error {
    color: #bd4247;
    background-color: #f2bdb1;
    border-color: #f0a5a4;
}

.alert, .alert h4 {
    color: #dd5600;
}

.alert {
/*  padding: 8px 35px 8px 14px; */
    margin-bottom: 1px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #f1ceab;
    border: 1px solid #efb99e;
        border-top-color: rgb(239, 185, 158);
        border-right-color: rgb(239, 185, 158);
        border-bottom-color: rgb(239, 185, 158);
        border-left-color: rgb(239, 185, 158);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}