/*.containerBox{*/
    /*width: 640px;*/
    /*margin: 200px auto;*/
    /*height: 360px;*/
    /*display: flex;*/
    /*border: 4px solid rgb(224, 223, 204);*/
    /*border-radius: 20px;*/
    /*padding-left: 130px;*/
    /*align-items: center;*/
    /*background-color: rgb(26, 190, 156);*/
/*}*/
/*.containerBox p{*/
    /*margin-bottom: 15px;*/
    /*font-size: 18px;*/
    /*font-weight: 700;*/
    /*text-align: center;*/
    /*width: 300px;*/
/*}*/
/*.bgColor{*/
    /*background-color: rgb(235, 239, 242);*/
    /*padding:25px 20px 20px 20px;*/
    /*border-radius: 8px;*/
    /*margin-left: 30px;*/
/*}*/
/*.btnColor{*/
    /*border-radius: 5px;*/
/*}*/
/*.fontColor{*/
    /*color: #d2d6de;*/
    /*font-weight: 700;*/
    /*margin-bottom: 10px;*/
/*}*/
/*.fontColorbot{*/
    /*color: white;*/
    /*font-weight: 700;*/
/*}*/
/*.freeReg{*/
    /*display: flex;*/
/*}*/
/*.freeReg a{*/
    /*color: #a04439;*/
    /*font-size: 12px;*/
    /*flex: 1;*/
/*}*/
/*.forgotPaw{*/
    /*color:  #a04439;*/
    /*font-size: 12px;*/
    /*margin-top: -8px;*/
    /*margin-bottom: 6px;*/
    /*display: inline-block;*/
    /*margin: -8px 146px 6px 0;*/
/*}*/
/*.bodyBgcolor{*/
    /*background:url(../../images/02.png) no-repeat;*/
    /*background-size: 100% 100%;*/
   /*border: 1px solid;*/
/*}*/
/*
 * fsLayui - A Front-end Rapid Development Framework.
 * Copyright (C) 2017-2019 wueasy.com
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published
 * by the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    border: none;
    border-bottom: 1px solid #CCC!important;
    /*background-size: 1.25rem auto;*/
}
.positionRelative{
    position: relative;
}
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.nation-login{margin-top: 1.25rem;height: 0.75rem;display: flex;align-items: center;}
.nation-login-text{font-size: 0.75rem;  margin: 0 0.9rem;color: #969696;}
.nation-line{width: 6rem;height: 1px;background-color: #dcdcdc;}
.nation-CA-login{margin-top: 0.75rem;}
.layui-btn+.layui-btn{margin-left: 4%;}
.CA-box{ margin-top: 5px;}
.login-btn2{height: 1.75rem;  line-height: 1.75rem;  width: 9.6rem;  background: #dcdcdc;  color: #343434;  font-weight: 700;}
.right{float: right;}
.left{  float: left;}
.bot-ie11{font-size: 0.75rem;color: #c4c4c4; text-align: center;}
.bot-box{margin-top: 7px;overflow: hidden}
.bot-box a{font-size: 0.75rem;}
.a-margin-r{margin-right: 0.75rem;}
img{ max-width: 100%; }
.lay-form{float: left;}
.fa-box{ height: 100%; border: 1px solid #bfbfbf; border-radius: 3px;}
.fa-container{ min-height: 31.25rem; padding: 2.75rem 4rem 1.75rem 0;}
.login-back{ position: fixed; left: 0; top: 82px; right: 0; bottom: 0; background: #ace6e2 url(../../images/login/bjt.png) no-repeat 100% 100%;  z-index: -1; }
.leftTitle{font-size: 1.25rem;color: #2c68af;text-align: center;margin-top: 4rem;}
.login-img{height: 14.375rem;  text-align: center;margin-top: 5.875rem;}
.logo{ text-align: center; margin-bottom: 10px; margin-top: 6.875rem }
.logo-title{font-size: 2rem;  color: #18878c;  text-align: left;  height: 2.25rem;  margin-top: 2rem;  border-bottom: 2px solid #73bbb8; }
.logo-txt{ color: #73bbb8;  text-align: left;  font-size: 2rem;  margin-bottom: 1.875rem;margin-top: 0.5rem}
.login-box{ background: #fff; margin-bottom: 1.875rem;border-radius: 0.5rem; }
.login-tt{ font-size: 0.875rem; padding:1.12rem 0 1px 0; margin-left: 2.5rem;overflow: hidden; }
.login-tt .left {color: #0a0a0a;font-weight: 700;font-size: 1.5rem;}
.login-form{ padding:0 5rem; }
.layui-input{ border:none; border-bottom: solid 6px #ccc; font-size: 1.5rem; height: 5.4rem; padding-left: 4rem; color: #18a794; }
.login01{ background: url(../../images/login/icon01.png) left center no-repeat; padding-left: 2rem;padding-right:10px;box-sizing:border-box;}
.layui-input:focus{ border-color: #18a794!important; }
.login01:focus{ background: url(../../images/login/icon01-1.png) left center no-repeat; }
.login02{ background: url(../../images/login/icon02.png) left center no-repeat;padding-left: 2rem;padding-right:10px;box-sizing:border-box; }
.login02:focus{ background: url(../../images/login/icon02-1.png) left center no-repeat; }
.login03{ background: url(../../images/login/icon03.png) left center no-repeat; }
.login03:focus{ background: url(../../images/login/icon03-1.png) left center no-repeat; }
.relative{ position: relative; padding-right: 10.25rem }
.yzm{ position: absolute; right: 0; top: 50%; margin-top: -1.625rem; cursor: pointer; }
.yzm img{ width: 9.875rem; height: 3.3rem; }
.login02{position: relative;}
.pwdEye{position: absolute;right:10px;top:16px;width:40px;height:30px;z-index:10;}
.iconfont{display:inline-block;width:30px;height:25px;}
.iconyanjing_bi{ background: url(../../images/login/no_eye.png) left center no-repeat;background-size: contain;}
.iconyanjing{background: url(../../images/login/eye.png) left center no-repeat;background-size: contain;}

@media ( min-width: 1280px){
    .layui-container{ max-width: 970px; width: 100%; }
}
.layui-btn1 {
    display: inline-block;
    height: 1.25rem;
    line-height: 1.25rem;
    padding: 0 1.1rem;
    background-color: #2b67ac;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 0.875rem;
    /*border: none;*/
    border-radius: 2px;
    cursor: pointer;
    margin-right: 2rem;
    box-sizing:border-box;
}
.login-form{ padding:0 2rem; }
.layui-input{ border-bottom: solid 1px #ccc; height: 2.8rem; padding-left: 0.5rem; font-size: 1.125rem;}
.login01{ background: url(../../images/login/icon01.png) left center no-repeat; background-size: 1.25rem auto; }
.login01:focus{ background: url(../../images/login/icon01-1.png) left center no-repeat; background-size: 1.25rem auto; }
.login02{ background: url(../../images/login/icon02.png) left center no-repeat; background-size: 1.25rem auto; }
.login02:focus{ background: url(../../images/login/icon02-1.png) left center no-repeat; background-size: 1.25rem auto; }
.login03{ background: url(../../images/login/icon03.png) left center no-repeat; background-size: 1.26rem auto; }
.login03:focus{ background: url(../../images/login/icon03-1.png) left center no-repeat; background-size: 1.26rem auto; }
.yzm img{ width: 100px; height: 37px; }
.yzm{ margin-top: -18px; }
.relative{ padding-right: 130px; }
.login-tt{ font-size: 14px;height:36px;}
.CA-box select{width: 9rem;height: 1.8rem;margin-right: 1.3rem}
.login-btn{    height: 40px; line-height: 40px; font-size: 12px; background-color: #2e68ab; width: 20%; border-radius: 8px;padding:0 8px; }
.login-btn1{    display:block;height: 1.8rem; line-height: 1.8rem; font-size: 12px; background-color: #2e68ab;  border-radius: 0;width: 9.9rem }
.logo{ margin-top: 30px; }

@media ( max-width: 994px){
    .login-tt{ padding:20px; }
    .leftImg{display: none}
    .fa-container{height: 100%;padding: 0}
    .lay-form{width: 100%;}
    .login-btn{ height: 46px; line-height: 46px; font-size: 18px; margin-top: 25px; }
}
@media ( max-width: 767px){
    .login-tt{ padding:20px; }
    .login-btn{ height: 46px; line-height: 46px; font-size: 18px; margin-top: 25px; }
    .logo-title{ font-size: 16px; }
    .logo-txt{ font-size: 12px; }
    .login-img{ display: none; }
    .login-form{ padding:0 30px 30px 30px; }
    /*.line{position: absolute;  width: 1px;  height: 251px;  background: black;  top: 55px;  left: 422px;}*/
}
.rightValidate {
    width: 324px;
    margin: 10px auto 0;
    position: relative;
    line-height: 33px;
    height: 200px;
    text-align: center;
    z-index: 99;
}

.v_rightBtn {
    position: absolute;
    left: 0;
    top: 0;
    height: 33px;
    width: 40px;
    background: #ddd;
    cursor: pointer;
}
.imgBtn{
    width:50px;
    height: 50px;
    position: absolute;
    left: 0;
    display: block;
}
.imgBtn img{
    width:100%
}
.imgBg{
    position: relative;
    width: 324px;
    height: 160px;
    border:1px solid #f1f1f1;
    box-sizing:border-box;
    /*box-shadow: 0px 4px 8px #3C5476;*/
}

.hkinnerWrap{
    border: 1px solid #eee;
}
.green{
    border-color:#34C6C2 !important;
}
.green .v_rightBtn{
    background: #34C6C2;
    color: #fff;
}
.red{
    border-color:red !important;
}
.red .v_rightBtn{
    background: red;
    color: #fff;
}
.refresh{
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #fff;
    text-shadow: 0px 0px 9px #333;
    cursor: pointer;
    display: none;
}
.notSel{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
}
